angular-slickgrid 9.0.0 → 9.0.2

package/test/cypress/e2e/example19.cy.ts

@@ -1,263 +0,0 @@
-describe('Example 19 - Row Detail View', () => {
-  const titles = ['', 'Title', 'Duration (days)', '% Complete', 'Start', 'Finish', 'Effort Driven'];
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example19`);
-    cy.get('h2').should('contain', 'Example 19: Row Detail View');
-  });
-
-  it('should have exact column titles on 1st grid', () => {
-    cy.get('#grid19')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(titles[index]));
-  });
-
-  it('should change server delay to 40ms for faster testing', () => {
-    cy.get('[data-test="set-count-btn"]').click();
-    cy.get('[data-test="server-delay"]').type('{backspace}');
-  });
-
-  it('should display first few rows of Task 0 to 5', () => {
-    const expectedTasks = ['Task 0', 'Task 1', 'Task 2', 'Task 3', 'Task 4', 'Task 5'];
-
-    cy.get('#grid19')
-      .find('.slick-row')
-      .each(($row, index) => {
-        if (index > expectedTasks.length - 1) {
-          return;
-        }
-        cy.wrap($row).children('.slick-cell:nth(1)').first().should('contain', expectedTasks[index]);
-      });
-  });
-
-  it('should click anywhere on 3rd row to open its Row Detail and expect its title to be Task 2 in an H2 tag', () => {
-    cy.get('#grid19').find('.slick-row:nth(2)').click();
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_2 .container_2').as('detailContainer');
-
-    cy.get('@detailContainer').find('h3').contains('Task 2');
-  });
-
-  it('should click on the "Click Me" button and expect the assignee name to showing in uppercase in an Alert', () => {
-    let assignee = '';
-    const alertStub = cy.stub();
-    cy.on('window:alert', alertStub);
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_2 .container_2').as('detailContainer');
-
-    cy.get('@detailContainer')
-      .find('input')
-      .invoke('val')
-      .then((text) => (assignee = `${text || ''}`));
-
-    cy.wait(10);
-
-    cy.get('@detailContainer')
-      .find('[data-test=assignee-btn]')
-      .click()
-      .then(() => {
-        if (assignee === '') {
-          expect(alertStub.getCall(0)).to.be.calledWith('No one is assigned to this task.');
-        } else {
-          expect(alertStub.getCall(0)).to.be.calledWith(`Assignee on this task is: ${assignee.toUpperCase()}`);
-        }
-      });
-  });
-
-  it('should click on the "Call Parent Method" button and expect a Bootstrap Alert to show up with some text containing the Task 2', () => {
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_2 .container_2').as('detailContainer');
-
-    cy.get('@detailContainer').find('[data-test=parent-btn]').click();
-
-    cy.get('.alert-info[data-test=flash-msg]').contains('We just called Parent Method from the Row Detail Child Component on Task 2');
-  });
-
-  it('should click on the "Delete Row" button and expect the Task 2 to be deleted from the grid', () => {
-    const expectedTasks = ['Task 0', 'Task 1', 'Task 3', 'Task 4', 'Task 5'];
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_2 .container_2').as('detailContainer');
-
-    cy.get('@detailContainer').find('[data-test=delete-btn]').click();
-
-    cy.get('.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-    cy.get('#grid19')
-      .find('.slick-row')
-      .each(($row, index) => {
-        if (index > expectedTasks.length - 1) {
-          return;
-        }
-        cy.wrap($row).children('.slick-cell:nth(1)').first().should('contain', expectedTasks[index]);
-      });
-
-    cy.get('.alert-danger[data-test=flash-msg]').contains('Deleted row with Task 2');
-  });
-
-  it('should open a few Row Details and expect them to be closed after clicking on the "Close All Row Details" button', () => {
-    const expectedTasks = ['Task 0', 'Task 1', 'Task 3', 'Task 4', 'Task 5'];
-
-    cy.get('#grid19').find('.slick-row:nth(2)').click();
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_3 .container_3').as('detailContainer3');
-
-    cy.get('@detailContainer3').find('h3').contains('Task 3');
-
-    cy.get('#grid19').find('.slick-row:nth(0)').click();
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_0 .container_0').as('detailContainer0');
-
-    cy.get('@detailContainer0').find('h3').contains('Task 0');
-
-    cy.get('[data-test=collapse-all-btn]').click();
-
-    cy.get('.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_0 .container_0').should('not.exist');
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_1 .container_1').should('not.exist');
-
-    cy.get('#grid19')
-      .find('.slick-row')
-      .each(($row, index) => {
-        if (index > expectedTasks.length - 1) {
-          return;
-        }
-        cy.wrap($row).children('.slick-cell:nth(1)').first().should('contain', expectedTasks[index]);
-      });
-  });
-
-  it('should open a few Row Details, then sort by Title and expect all Row Details to be closed afterward', () => {
-    const expectedTasks = ['Task 0', 'Task 1', 'Task 10', 'Task 100', 'Task 101', 'Task 102', 'Task 103', 'Task 104'];
-
-    cy.get('#grid19').find('.slick-row:nth(0)').click();
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_0 .container_0').as('detailContainer0');
-
-    cy.get('@detailContainer0').find('h3').contains('Task 0');
-
-    cy.get('#grid19').find('.slick-row:nth(9)').click();
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_3 .container_3').as('detailContainer3');
-
-    cy.get('@detailContainer3').find('h3').contains('Task 3');
-
-    cy.get('#slickGridContainer-grid19')
-      .find('.slick-header-column:nth(1)')
-      .trigger('mouseover')
-      .children('.slick-header-menu-button')
-      .should('be.hidden')
-      .invoke('show')
-      .click();
-
-    cy.get('.slick-header-menu .slick-menu-command-list')
-      .should('be.visible')
-      .children('.slick-menu-item:nth-of-type(4)')
-      .children('.slick-menu-content')
-      .should('contain', 'Sort Descending')
-      .click();
-
-    cy.get('#slickGridContainer-grid19')
-      .find('.slick-header-column:nth(1)')
-      .trigger('mouseover')
-      .children('.slick-header-menu-button')
-      .invoke('show')
-      .click();
-
-    cy.get('.slick-header-menu .slick-menu-command-list')
-      .should('be.visible')
-      .children('.slick-menu-item:nth-of-type(3)')
-      .children('.slick-menu-content')
-      .should('contain', 'Sort Ascending')
-      .click();
-
-    cy.get('#grid19').find('.slick-header-column:nth(1)').find('.slick-sort-indicator-asc').should('have.length', 1);
-
-    cy.get('.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_0 .container_0').should('not.exist');
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_3 .container_3').should('not.exist');
-
-    cy.get('#grid19')
-      .find('.slick-row')
-      .each(($row, index) => {
-        if (index > expectedTasks.length - 1) {
-          return;
-        }
-        cy.wrap($row).children('.slick-cell:nth(1)').first().should('contain', expectedTasks[index]);
-      });
-  });
-
-  it('should click open Row Detail of Task 1 and Task 101 then type a title filter of "Task 101" and expect Row Detail to be opened and still be rendered', () => {
-    cy.get('#grid19').find('.slick-row:nth(4)').click();
-
-    cy.get('#grid19').find('.slick-row:nth(1)').click();
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_101').as('detailContainer');
-
-    cy.get('@detailContainer').find('h3').contains('Task 101');
-
-    cy.get('.search-filter.filter-title').type('Task 101');
-  });
-
-  it('should call "Clear all Filters" from Grid Menu and expect "Task 101" to still be rendered correctly', () => {
-    cy.get('#grid19').find('button.slick-grid-menu-button').trigger('click').click();
-
-    cy.get(`.slick-grid-menu:visible`).find('.slick-menu-item').first().find('span').contains('Clear all Filters').click();
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_101').as('detailContainer');
-
-    cy.get('@detailContainer').find('h3').contains('Task 101');
-  });
-
-  it('should call "Clear all Sorting" from Grid Menu and expect all row details to be collapsed', () => {
-    cy.get('#grid19').find('button.slick-grid-menu-button').trigger('click').click();
-
-    cy.get(`.slick-grid-menu:visible`).find('.slick-menu-item').find('span').contains('Clear all Sorting').click();
-
-    cy.get('#grid19').find('.slick-sort-indicator-asc').should('have.length', 0);
-
-    cy.get('.dynamic-cell-detail').should('have.length', 0);
-  });
-
-  it('should close all row details & make grid editable', () => {
-    cy.get('[data-test="collapse-all-btn"]').click();
-    cy.get('[data-test="editable-grid-btn"]').click();
-  });
-
-  it('should click on 5th row detail open icon and expect it to open', () => {
-    cy.get('#grid19').find('.slick-row:nth(4) .slick-cell:nth(0)').click();
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_101').as('detailContainer');
-
-    cy.get('@detailContainer').find('h3').contains('Task 101');
-  });
-
-  it('should click on 2nd row "Title" cell to edit it and expect Task 5 row detail to get closed', () => {
-    cy.get('#grid19').find('.slick-row:nth(1) .slick-cell:nth(1)').click();
-
-    cy.get('.editor-title')
-      .invoke('val')
-      .then((text) => expect(text).to.eq('Task 1'));
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_101').should('not.exist');
-  });
-
-  it('should expect the Row Detail to be re-rendered after expanding/collapsing multiple times', () => {
-    cy.get('#grid19').find('.slick-row:nth(1) .slick-cell:nth(0)').as('toggle1');
-    cy.get('@toggle1').click();
-    cy.get('@toggle1').click();
-    cy.get('@toggle1').click();
-
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_1').as('detailContainer');
-    cy.get('@detailContainer').find('h3').contains('Task 1');
-
-    cy.get('@toggle1').click();
-    cy.get('@detailContainer').should('not.exist');
-
-    cy.get('@toggle1').click();
-    cy.get('#grid19').find('.slick-cell + .dynamic-cell-detail .innerDetailView_1').as('detailContainer');
-    cy.get('@detailContainer').find('h3').contains('Task 1');
-  });
-});

package/test/cypress/e2e/example20.cy.ts

@@ -1,264 +0,0 @@
-describe('Example 20 - Frozen Grid', () => {
-  // NOTE:  everywhere there's a * 2 is because we have a top+bottom (frozen rows) containers even after Unfreeze Columns/Rows
-
-  const fullTitles = [
-    '#',
-    'Title',
-    '% Complete',
-    'Start',
-    'Finish',
-    'Cost | Duration',
-    'Effort Driven',
-    'Title 1',
-    'Title 2',
-    'Title 3',
-    'Title 4',
-  ];
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example20`);
-    cy.get('h2').should('contain', 'Example 20: Pinned (frozen) Columns/Rows');
-  });
-
-  it('should have exact column titles on 1st grid', () => {
-    cy.get('#grid20')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-  });
-
-  it('should have exact Column Header Titles in the grid', () => {
-    cy.get('#grid20')
-      .find('.slick-header-columns:nth(0)')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-  });
-
-  it('should have a frozen grid with 4 containers on page load with 3 columns on the left and 4 columns on the right', () => {
-    cy.get('[style="transform: translateY(0px);"]').should('have.length', 2 * 2);
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 3 * 2);
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 8 * 2);
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '0');
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', 'Task 0');
-
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '2009-01-01');
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', '2009-05-05');
-  });
-
-  it('should hide "Title" column from Grid Menu and expect last frozen column to be "% Complete"', () => {
-    const newColumnList = [
-      '#',
-      '% Complete',
-      'Start',
-      'Finish',
-      'Cost | Duration',
-      'Effort Driven',
-      'Title 1',
-      'Title 2',
-      'Title 3',
-      'Title 4',
-    ];
-
-    cy.get('#grid20').find('button.slick-grid-menu-button').click({ force: true });
-
-    cy.get('#grid20')
-      .get('.slick-grid-menu:visible')
-      .find('.slick-column-picker-list')
-      .children('li:visible:nth(1)')
-      .children('label')
-      .should('contain', 'Title')
-      .click({ force: true });
-
-    cy.get('#grid20')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(newColumnList[index]));
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 2 * 2);
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 8 * 2);
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '');
-
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '2009-01-01');
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', '2009-05-05');
-  });
-
-  it('should show again "Title" column from Grid Menu and expect last frozen column to still be "% Complete"', () => {
-    cy.get('#grid20')
-      .get('.slick-grid-menu:visible')
-      .find('.slick-column-picker-list')
-      .children('li:visible:nth(1)')
-      .children('label')
-      .should('contain', 'Title')
-      .click({ force: true });
-
-    cy.get('#grid20').get('.slick-grid-menu:visible').find('.close').click({ force: true });
-
-    cy.get('#grid20')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 3 * 2);
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 8 * 2);
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '');
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', 'Task 0');
-
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '2009-01-01');
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', '2009-05-05');
-  });
-
-  it('should hide "Title" column from Header Menu and expect last frozen column to be "% Complete"', () => {
-    const newColumnList = [
-      '#',
-      '% Complete',
-      'Start',
-      'Finish',
-      'Cost | Duration',
-      'Effort Driven',
-      'Title 1',
-      'Title 2',
-      'Title 3',
-      'Title 4',
-    ];
-
-    cy.get('#grid20')
-      .find('.slick-header-column:nth(1)')
-      .trigger('mouseover')
-      .children('.slick-header-menu-button')
-      .should('be.hidden')
-      .invoke('show')
-      .click();
-
-    cy.get('.slick-header-menu .slick-menu-command-list')
-      .should('be.visible')
-      .children('.slick-menu-item:nth-of-type(8)')
-      .children('.slick-menu-content')
-      .should('contain', 'Hide Column')
-      .click();
-
-    cy.get('#grid20')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(newColumnList[index]));
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 2 * 2);
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 8 * 2);
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '');
-
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '2009-01-01');
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', '2009-05-05');
-  });
-
-  it('should show again "Title" column from Column Picker and expect last frozen column to still be "% Complete"', () => {
-    cy.get('#grid20').find('.slick-header-column:nth(5)').trigger('mouseover').trigger('contextmenu').invoke('show');
-
-    cy.get('.slick-column-picker')
-      .find('.slick-column-picker-list')
-      .children('li:nth-child(2)')
-      .children('label')
-      .should('contain', 'Title')
-      .click();
-
-    cy.get('.slick-column-picker:visible').find('.close').trigger('click').click();
-
-    cy.get('#grid20')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 3 * 2);
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 8 * 2);
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '');
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', 'Task 0');
-
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '2009-01-01');
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', '2009-05-05');
-  });
-
-  it('should click on the "Remove Frozen Columns" button to switch to a regular grid without frozen columns and expect 7 columns on the left container', () => {
-    cy.get('[data-test=remove-frozen-column-button]').click({ force: true });
-
-    cy.get('[style="transform: translateY(0px);"]').should('have.length', 1 * 2);
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 11 * 2);
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '0');
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', 'Task 0');
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(3)').should('contain', '2009-01-01');
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(4)').should('contain', '2009-05-05');
-  });
-
-  it('should have exact Column Header Titles in the grid', () => {
-    cy.get('#grid20')
-      .find('.slick-header-columns:nth(0)')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-  });
-
-  it('should click on the "Set 3 Frozen Columns" button to switch frozen columns grid and expect 3 frozen columns on the left and 4 columns on the right', () => {
-    cy.get('[data-test=set-3frozen-columns]').click({ force: true });
-
-    cy.get('[style="transform: translateY(0px);"]').should('have.length', 2 * 2);
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 3 * 2);
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"]')
-      .children()
-      .should('have.length', 8 * 2);
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '0');
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', 'Task 0');
-
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '2009-01-01');
-    cy.get('.grid-canvas-right > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', '2009-05-05');
-  });
-
-  it('should have exact Column Header Titles in the grid', () => {
-    cy.get('#grid20')
-      .find('.slick-header-columns:nth(0)')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-  });
-
-  it('should click on the Grid Menu command "Unfreeze Columns/Rows" to switch to a regular grid without frozen columns and expect 7 columns on the left container', () => {
-    cy.get('#grid20').find('button.slick-grid-menu-button').click({ force: true });
-
-    cy.contains('Unfreeze Columns/Rows').click({ force: true });
-
-    cy.get('[style="transform: translateY(0px);"]').should('have.length', 1);
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"]').children().should('have.length', 11);
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(0)').should('contain', '0');
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(1)').should('contain', 'Task 0');
-
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(3)').should('contain', '2009-01-01');
-    cy.get('.grid-canvas-left > [style="transform: translateY(0px);"] > .slick-cell:nth(4)').should('contain', '2009-05-05');
-  });
-});

package/test/cypress/e2e/example21.cy.ts

@@ -1,77 +0,0 @@
-describe('Example 21 - Grid AutoHeight', () => {
-  const fullTitles = ['Title', 'Duration (days)', '% Complete', 'Start', 'Finish', 'Effort Driven'];
-  const GRID_ROW_HEIGHT = 35;
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example21`);
-    cy.get('h2').should('contain', 'Example 21: Grid AutoHeight');
-  });
-
-  it('should have exact column titles in grid', () => {
-    cy.get('#slickGridContainer-grid21')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-  });
-
-  it('should search for Duration over 50 and expect rows to be that', () => {
-    cy.get('[data-test="search-column-list"]').select('Duration (days)', { force: true });
-
-    cy.get('[data-test="search-operator-list"]').select('>', { force: true });
-
-    cy.get('[data-test="search-value-input"]').type('50', { force: true });
-
-    cy.get('#grid21')
-      .find('.slick-row .slick-cell:nth(1)')
-      .each(($child, index) => {
-        if (index > 10) {
-          return;
-        }
-        expect(+$child.text()).to.be.gt(50);
-      });
-  });
-
-  it('should search for Duration below 50 and expect rows to be that', () => {
-    cy.get('[data-test="search-operator-list"]').select('<', { force: true });
-
-    cy.wait(200);
-
-    cy.get('#grid21')
-      .find('.slick-row .slick-cell:nth(1)')
-      .each(($child, index) => {
-        if (index > 10) {
-          return;
-        }
-        expect(+$child.text()).to.be.lt(50);
-      });
-  });
-
-  it('should search for Title ending with text "5" expect rows to be (Task 5, 15, 25, ...)', () => {
-    cy.get('[data-test="clear-search-value"]').click();
-
-    cy.get('[data-test="search-column-list"]').select('Title', { force: true });
-
-    cy.get('[data-test="search-operator-list"]').select('EndsWith', { force: true });
-
-    cy.get('[data-test="search-value-input"]').type('5', { force: true });
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 5');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 15');
-  });
-
-  it('should type a filter which returns an empty dataset', () => {
-    cy.get('[data-test="search-value-input"]').clear().type('zzz');
-
-    cy.get('.slick-empty-data-warning:visible').contains('No data to display.');
-  });
-
-  it('should clear search input and expect empty dataset warning to go away and also expect data back (Task 0, 1, 2, ...)', () => {
-    cy.get('[data-test="clear-search-value"]').click();
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 0');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 1');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 2');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 3');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 4');
-  });
-});