| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197 |
- describe('WalkontableCore', () => {
- var $table,
- $container,
- $wrapper,
- debug = false;
- beforeEach(() => {
- $wrapper = $('<div></div>').css({overflow: 'hidden'});
- $container = $('<div></div>');
- $table = $('<table></table>'); // create a table that is not attached to document
- $wrapper.append($container);
- $container.append($table);
- $wrapper.appendTo('body');
- createDataArray(100, 4);
- });
- afterEach(() => {
- if (!debug) {
- $('.wtHolder').remove();
- }
- $wrapper.remove();
- });
- it('first row should have the same text as in data source', () => {
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns
- });
- wt.draw();
- var TDs = $table.find('tbody tr:first td');
- expect(TDs[0].innerHTML).toBe('0');
- expect(TDs[1].innerHTML).toBe('a');
- });
- it('should bootstrap table if empty TABLE is given', () => {
- $wrapper.width(200).height(200);
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns,
- renderAllRows: true
- });
- wt.draw();
- expect($table.find('td').length).toBe(400);
- });
- it('should bootstrap column headers if THEAD is given', () => {
- $table.remove();
- $table = $('<table><thead><tr><th>A</th><th>B</th><th>C</th><th>D</th></tr></thead></table>');
- $table.appendTo('body');
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns,
- rowHeaders: [function(row, TH) {
- TH.innerHTML = row + 1;
- }]
- });
- wt.draw();
- expect($table.find('thead th').length).toBe(5); // include corner TH
- expect($table.find('tbody tr:first th').length).toBe(1);
- expect($table.find('tbody tr:first td').length).toBe(4);
- });
- it('should figure out how many columns to display if width param given', () => {
- $wrapper.width(100);
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns
- });
- wt.draw();
- expect($table.find('tbody tr:first td').length).toBe(2);
- });
- it('should not render table that is removed from DOM', () => {
- $wrapper.remove();
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns
- });
- wt.draw();
- expect(wt.drawn).toBe(false);
- expect(wt.drawInterrupted).toBe(true);
- });
- it('should not render table that is `display: none`', () => {
- var $div = $('<div style="display: none"></div>').appendTo('body');
- $div.append($table);
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns
- });
- wt.draw();
- expect(wt.drawn).toBe(false);
- expect(wt.drawInterrupted).toBe(true);
- $div.remove();
- });
- it('should render empty table (limited height)', () => {
- createDataArray(0, 5);
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns
- });
- wt.draw();
- expect(() => {
- wt.draw(); // second render was giving "Cannot read property 'firstChild' of null" sometimes
- }).not.toThrow();
- });
- it('should render empty table (unlimited height)', () => {
- createDataArray(0, 5);
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns
- });
- wt.draw();
- expect(() => {
- wt.draw(); // second render was giving "Cannot read property 'firstChild' of null" sometimes
- }).not.toThrow();
- });
- it('should render empty then filled table (limited height)', () => {
- createDataArray(0, 5);
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns
- });
- wt.draw();
- createDataArray(1, 5);
- expect(() => {
- wt.draw(); // second render was giving "Cannot read property 'firstChild' of null" sometimes
- }).not.toThrow();
- });
- it('should render empty then filled table (unlimited height)', () => {
- createDataArray(0, 5);
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns
- });
- wt.draw();
- createDataArray(1, 5);
- expect(() => {
- wt.draw(); // second render was giving "Cannot read property 'firstChild' of null" sometimes
- }).not.toThrow();
- });
- it('should render table with rows but no columns', () => {
- createDataArray(5, 0);
- var wt = new Walkontable.Core({
- table: $table[0],
- data: getData,
- totalRows: getTotalRows,
- totalColumns: getTotalColumns
- });
- wt.draw();
- expect($table.find('tbody tr').length).toBe(5);
- expect($table.find('tbody td').length).toBe(0);
- expect($table.find('tbody col').length).toBe(0);
- });
- });
|