angular-slickgrid 9.0.0 → 9.0.2

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

@@ -1,427 +0,0 @@
-describe('Example 16 - Row Move & Checkbox Selector Selector Plugins', () => {
-  const GRID_ROW_HEIGHT = 35;
-  const fullTitles = ['', '', 'Title', 'Duration', '% Complete', 'Start', 'Finish', 'Completed'];
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example16`);
-    cy.get('h2').should('contain', 'Example 16: Row Move & Checkbox Selector');
-  });
-
-  it('should have exact Column Titles in the grid', () => {
-    cy.get('#grid16')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-  });
-
-  it('should have 4 rows selected count shown in the grid left footer', () => {
-    cy.get('.slick-custom-footer')
-      .find('div.left-footer')
-      .should(($span) => {
-        expect($span.text()).to.eq(`4 items selected`);
-      });
-  });
-
-  it('should drag opened row to another position in the grid', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell.cell-reorder`).as('moveIconTask1');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell.cell-reorder`).as('moveIconTask2');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell.cell-reorder`).as('moveIconTask3');
-
-    cy.get('@moveIconTask3').should('have.length', 1);
-
-    cy.get('@moveIconTask3').trigger('mousedown', { which: 1, force: true }).trigger('mousemove', 'bottomRight');
-
-    cy.get('@moveIconTask1').trigger('mousemove', 'bottomRight').trigger('mouseup', 'bottomRight', { which: 1, force: true });
-
-    cy.get('@moveIconTask2').trigger('mouseover', { force: true });
-
-    cy.get('input[type="checkbox"]:checked').should('have.length', 4);
-  });
-
-  it('should expect the row to have moved to another row index', () => {
-    cy.get('.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 0');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 1');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 3');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 2');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 4');
-
-    cy.get('input[type="checkbox"]:checked').should('have.length', 4);
-  });
-
-  it('should uncheck all rows', () => {
-    // click twice to check then uncheck all
-    cy.get('.slick-headerrow-column input[type=checkbox]').click({ force: true }).click({ force: true });
-  });
-
-  it('should have 0 row selected count shown in the grid left footer', () => {
-    cy.get('.slick-custom-footer')
-      .find('div.left-footer')
-      .should(($span) => {
-        expect($span.text()).to.eq(`0 items selected`);
-      });
-  });
-
-  it('should select 2 rows (Task 3,4), then move the rows and expect both rows to still be selected without any other rows', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(1)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(1)`).click();
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell.cell-reorder`).as('moveIconTask3');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell.cell-reorder`).as('moveIconTask5');
-
-    cy.get('@moveIconTask3').should('have.length', 1);
-
-    cy.get('@moveIconTask3').trigger('mousedown', { which: 1, force: true }).trigger('mousemove', 'bottomRight');
-
-    cy.get('@moveIconTask5').trigger('mousemove', 'bottomRight').trigger('mouseup', 'bottomRight', { which: 1, force: true });
-
-    cy.get('.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 0');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 1');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 2');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 4');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 5');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(2)`).should('contain', 'Task 3');
-
-    // Task 4 and 3 should be selected
-    cy.get('input[type="checkbox"]:checked').should('have.length', 2);
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell:nth(1) input[type="checkbox"]:checked`).should(
-      'have.length',
-      1
-    );
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(1) input[type="checkbox"]:checked`).should(
-      'have.length',
-      1
-    );
-  });
-
-  it('should move "Duration" column to a different position in the grid', () => {
-    const expectedTitles = ['', '', 'Title', '% Complete', 'Start', 'Finish', 'Duration', 'Completed', 'Title'];
-
-    cy.get('.slick-header-columns').children('.slick-header-column:nth(3)').contains('Duration').drag('.slick-header-column:nth(6)');
-
-    cy.get('.slick-header-column:nth(6)').contains('Duration');
-
-    cy.get('#grid16')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(expectedTitles[index]));
-  });
-
-  it('should be able to hide "Duration" column', () => {
-    const expectedTitles = ['', '', 'Title', '% Complete', 'Start', 'Finish', 'Completed', 'Title'];
-
-    cy.get('[data-test="hide-duration-btn"]').click();
-
-    cy.get('#grid16')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(expectedTitles[index]));
-  });
-
-  it('should be able to click disable Filters functionality button and expect no Filters', () => {
-    const expectedTitles = ['', '', 'Title', '% Complete', 'Start', 'Finish', 'Completed', 'Title'];
-
-    cy.get('[data-test="disable-filters-btn"]').click().click(); // even clicking twice should have same result
-
-    cy.get('.slick-headerrow').should('not.be.visible');
-    cy.get('.slick-headerrow-columns .slick-headerrow-column').should('have.length', 0);
-
-    cy.get('#grid16')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(expectedTitles[index]));
-
-    cy.get('[data-test="toggle-filtering-btn"]').click(); // show it back
-  });
-
-  it('should expect "Clear all Filters" command to be hidden in the Grid Menu', () => {
-    const expectedFullHeaderMenuCommands = ['Clear all Filters', 'Clear all Sorting', 'Toggle Filter Row', 'Export to Excel'];
-
-    cy.get('#grid16').find('button.slick-grid-menu-button').trigger('click').click({ force: true });
-
-    cy.get('.slick-menu-command-list')
-      .find('.slick-menu-item')
-      .each(($child, index) => {
-        const commandTitle = $child.text();
-        expect(commandTitle).to.eq(expectedFullHeaderMenuCommands[index]);
-
-        // expect all Sorting commands to be hidden
-        if (commandTitle === 'Clear all Filters' || commandTitle === 'Toggle Filter Row') {
-          expect($child).to.be.visible;
-        }
-      });
-  });
-
-  it('should be able to toggle Filters functionality', () => {
-    const expectedTitles = ['', '', 'Title', '% Complete', 'Start', 'Finish', 'Completed', 'Title'];
-
-    cy.get('[data-test="toggle-filtering-btn"]').click(); // hide it
-
-    cy.get('.slick-headerrow').should('not.be.visible');
-    cy.get('.slick-headerrow-columns .slick-headerrow-column').should('have.length', 0);
-
-    cy.get('#grid16')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(expectedTitles[index]));
-
-    cy.get('[data-test="toggle-filtering-btn"]').click(); // show it
-    cy.get('.slick-headerrow-columns .slick-headerrow-column').should('have.length', 7);
-
-    cy.get('#grid16')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(expectedTitles[index]));
-  });
-
-  it('should be able to toggle Sorting functionality (disable) and expect all header menu Sorting commands to be hidden and also not show Sort hint while hovering a column', () => {
-    const expectedFullHeaderMenuCommands = [
-      'Resize by Content',
-      '',
-      'Sort Ascending',
-      'Sort Descending',
-      '',
-      'Remove Filter',
-      'Remove Sort',
-      'Hide Column',
-    ];
-
-    cy.get('.slick-sort-indicator').should('have.length.greaterThan', 0); // sort icon hints
-    cy.get('[data-test="toggle-sorting-btn"]').click(); // disable it
-    cy.get('.slick-sort-indicator').should('have.length', 0);
-
-    cy.get('#grid16')
-      .find('.slick-header-column:nth(5)')
-      .trigger('mouseover')
-      .children('.slick-header-menu-button')
-      .should('be.hidden')
-      .invoke('show')
-      .click();
-
-    cy.get('.slick-header-menu .slick-menu-command-list')
-      .children('.slick-menu-item')
-      .each(($child, index) => {
-        const commandTitle = $child.text();
-        expect(commandTitle).to.eq(expectedFullHeaderMenuCommands[index]);
-
-        // expect all Sorting commands to be hidden
-        if (commandTitle === 'Sort Ascending' || commandTitle === 'Sort Descending' || commandTitle === 'Remove Sort') {
-          expect($child).not.to.be.visible;
-        }
-      });
-  });
-
-  it('should expect "Clear Sorting" command to be hidden in the Grid Menu', () => {
-    const expectedFullHeaderMenuCommands = ['Clear all Filters', 'Clear all Sorting', 'Toggle Filter Row', 'Export to Excel'];
-
-    cy.get('#grid16').find('button.slick-grid-menu-button').trigger('click').click();
-
-    cy.get('.slick-menu-command-list')
-      .find('.slick-menu-item')
-      .each(($child, index) => {
-        const commandTitle = $child.text();
-        expect(commandTitle).to.eq(expectedFullHeaderMenuCommands[index]);
-
-        // expect all Sorting commands to be hidden
-        if (commandTitle === 'Clear all Sorting') {
-          expect($child).not.to.be.visible;
-        }
-      });
-  });
-
-  it('should be able to toggle Sorting functionality (re-enable) and expect all Sorting header menu commands to be hidden and also not show Sort hint while hovering a column', () => {
-    const expectedFullHeaderMenuCommands = [
-      'Resize by Content',
-      '',
-      'Sort Ascending',
-      'Sort Descending',
-      '',
-      'Remove Filter',
-      'Remove Sort',
-      'Hide Column',
-    ];
-
-    cy.get('.slick-sort-indicator').should('have.length', 0); // sort icon hints
-    cy.get('[data-test="toggle-sorting-btn"]').click(); // enable it back
-    cy.get('.slick-sort-indicator').should('have.length.greaterThan', 0);
-
-    cy.get('#grid16')
-      .find('.slick-header-column:nth(5)')
-      .trigger('mouseover')
-      .children('.slick-header-menu-button')
-      .should('be.hidden')
-      .invoke('show')
-      .click();
-
-    cy.get('.slick-header-menu .slick-menu-command-list')
-      .children('.slick-menu-item')
-      .each(($child, index) => {
-        const commandTitle = $child.text();
-        expect(commandTitle).to.eq(expectedFullHeaderMenuCommands[index]);
-        expect($child).to.be.visible;
-      });
-  });
-
-  it('should expect "Clear Sorting" command to be hidden in the Grid Menu', () => {
-    const expectedFullHeaderMenuCommands = ['Clear all Filters', 'Clear all Sorting', 'Toggle Filter Row', 'Export to Excel'];
-
-    cy.get('#grid16').find('button.slick-grid-menu-button').trigger('click').click();
-
-    cy.get('.slick-menu-command-list')
-      .find('.slick-menu-item')
-      .each(($child, index) => {
-        const commandTitle = $child.text();
-        expect(commandTitle).to.eq(expectedFullHeaderMenuCommands[index]);
-
-        // expect all Sorting commands to be hidden
-        if (commandTitle === 'Clear all Sorting') {
-          expect($child).to.be.visible;
-        }
-      });
-  });
-
-  it('should be able to click disable Sorting functionality button and expect all Sorting commands to be hidden and also not show Sort hint while hovering a column', () => {
-    const expectedFullHeaderMenuCommands = [
-      'Resize by Content',
-      '',
-      'Sort Ascending',
-      'Sort Descending',
-      '',
-      'Remove Filter',
-      'Remove Sort',
-      'Hide Column',
-    ];
-
-    cy.get('.slick-sort-indicator').should('have.length.greaterThan', 0); // sort icon hints
-    cy.get('[data-test="disable-sorting-btn"]').click().click(); // even clicking twice should have same result
-    cy.get('.slick-sort-indicator').should('have.length', 0);
-
-    cy.get('#grid16')
-      .find('.slick-header-column:nth(5)')
-      .trigger('mouseover')
-      .children('.slick-header-menu-button')
-      .should('be.hidden')
-      .invoke('show')
-      .click();
-
-    cy.get('.slick-header-menu .slick-menu-command-list')
-      .children('.slick-menu-item')
-      .each(($child, index) => {
-        const commandTitle = $child.text();
-        expect(commandTitle).to.eq(expectedFullHeaderMenuCommands[index]);
-
-        // expect all Sorting commands to be hidden
-        if (commandTitle === 'Sort Ascending' || commandTitle === 'Sort Descending' || commandTitle === 'Remove Sort') {
-          expect($child).not.to.be.visible;
-        }
-      });
-  });
-
-  it('should be able to click disable Filter functionality button and expect all Filter commands to be hidden and also not show Sort hint while hovering a column', () => {
-    const expectedFullHeaderMenuCommands = [
-      'Resize by Content',
-      '',
-      'Sort Ascending',
-      'Sort Descending',
-      '',
-      'Remove Filter',
-      'Remove Sort',
-      'Hide Column',
-    ];
-
-    cy.get('[data-test="disable-filters-btn"]').click().click(); // even clicking twice should have same result
-
-    cy.get('#grid16')
-      .find('.slick-header-column:nth(5)')
-      .trigger('mouseover')
-      .children('.slick-header-menu-button')
-      .should('be.hidden')
-      .invoke('show')
-      .click();
-
-    cy.get('.slick-header-menu .slick-menu-command-list')
-      .children('.slick-menu-item')
-      .each(($child, index) => {
-        const commandTitle = $child.text();
-        expect(commandTitle).to.eq(expectedFullHeaderMenuCommands[index]);
-
-        // expect all Sorting commands to be hidden
-        if (commandTitle === 'Remove Filter') {
-          expect($child).not.to.be.visible;
-        }
-      });
-  });
-
-  it('should expect "Clear all Filters" command to be hidden in the Grid Menu', () => {
-    const expectedFullHeaderMenuCommands = ['Clear all Filters', 'Clear all Sorting', 'Toggle Filter Row', 'Export to Excel'];
-
-    cy.get('#grid16').find('button.slick-grid-menu-button').trigger('click').click();
-
-    cy.get('.slick-menu-command-list')
-      .find('.slick-menu-item')
-      .each(($child, index) => {
-        const commandTitle = $child.text();
-        expect(commandTitle).to.eq(expectedFullHeaderMenuCommands[index]);
-
-        // expect all Sorting commands to be hidden
-        if (commandTitle === 'Clear all Filters' || commandTitle === 'Toggle Filter Row') {
-          expect($child).not.to.be.visible;
-        }
-      });
-  });
-
-  it('should open Column Picker and show the "Duration" column back to visible and expect it to have kept its position after toggling filter/sorting', () => {
-    // first 2 cols are hidden but they do count as li item
-    const expectedFullPickerTitles = ['', '', 'Title', '% Complete', 'Start', 'Finish', 'Duration', 'Completed'];
-
-    cy.get('#grid16').find('.slick-header-column').first().trigger('mouseover').trigger('contextmenu').invoke('show');
-
-    cy.get('.slick-column-picker')
-      .find('.slick-column-picker-list')
-      .children()
-      .each(($child, index) => {
-        if (index < expectedFullPickerTitles.length) {
-          expect($child.text()).to.eq(expectedFullPickerTitles[index]);
-        }
-      });
-
-    cy.get('.slick-column-picker')
-      .find('.slick-column-picker-list')
-      .children('li:nth-child(7)')
-      .children('label')
-      .should('contain', 'Duration')
-      .click();
-
-    cy.get('#grid16').get('.slick-column-picker:visible').find('.close').trigger('click').click();
-
-    cy.get('#grid16')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => {
-        if (index <= 5) {
-          expect($child.text()).to.eq(expectedFullPickerTitles[index]);
-        }
-      });
-  });
-
-  it('should add Edit/Delete columns and expect 2 new columns added at the beginning of the grid', () => {
-    const newExpectedColumns = ['', '', ...fullTitles];
-    cy.get('[data-test="add-crud-columns-btn"]').click();
-
-    cy.get('#grid16')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => {
-        if (index <= 5) {
-          expect($child.text()).to.eq(newExpectedColumns[index]);
-        }
-      });
-
-    cy.get('.slick-row').first().children('.slick-cell').children('.mdi.mdi-pencil').should('have.length', 1);
-
-    cy.get('.slick-row').first().children('.slick-cell:nth(1)').children('.mdi.mdi-trash-can').should('have.length', 1);
-  });
-});

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

@@ -1,83 +0,0 @@
-describe('Example 17 - Dynamically Create Grid from CSV / Excel import', () => {
-  const defaultCsvTitles = ['First Name', 'Last Name', 'Age', 'Type'];
-  const GRID_ROW_HEIGHT = 33;
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example17`);
-    cy.get('h2').should('contain', 'Example 17: Dynamically Create Grid from CSV / Excel import');
-  });
-
-  it('should load default CSV file and expect default column titles', () => {
-    cy.get('[data-test="static-data-btn"]').click();
-
-    cy.get('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(defaultCsvTitles[index]));
-  });
-
-  it('should expect default data in the grid', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).should('contain', 'Bob');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(1)`).should('contain', 'Smith');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2)`).should('contain', '33');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(3)`).should('contain', 'Teacher');
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).should('contain', 'John');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(1)`).should('contain', 'Doe');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(2)`).should('contain', '20');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(3)`).should('contain', 'Student');
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0)`).should('contain', 'Jane');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(1)`).should('contain', 'Doe');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(2)`).should('contain', '21');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(3)`).should('contain', 'Student');
-  });
-
-  it('should sort by "Age" and expect it to be sorted in ascending order', () => {
-    cy.get('.slick-header-columns .slick-header-column:nth(2)').click();
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).should('contain', 'John');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(1)`).should('contain', 'Doe');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2)`).should('contain', '20');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(3)`).should('contain', 'Student');
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).should('contain', 'Jane');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(1)`).should('contain', 'Doe');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(2)`).should('contain', '21');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(3)`).should('contain', 'Student');
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0)`).should('contain', 'Bob');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(1)`).should('contain', 'Smith');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(2)`).should('contain', '33');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(3)`).should('contain', 'Teacher');
-  });
-
-  it('should click again the "Age" column and expect it to be sorted in descending order', () => {
-    cy.get('.slick-header-columns .slick-header-column:nth(2)').click();
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).should('contain', 'Bob');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(1)`).should('contain', 'Smith');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2)`).should('contain', '33');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(3)`).should('contain', 'Teacher');
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).should('contain', 'Jane');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(1)`).should('contain', 'Doe');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(2)`).should('contain', '21');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(3)`).should('contain', 'Student');
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0)`).should('contain', 'John');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(1)`).should('contain', 'Doe');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(2)`).should('contain', '20');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(3)`).should('contain', 'Student');
-  });
-
-  it('should filter Smith as "Last Name" and expect only 1 row in the grid', () => {
-    cy.get('.slick-headerrow .slick-headerrow-column:nth(1) input').type('Smith');
-
-    cy.get('.slick-row').should('have.length', 1);
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).should('contain', 'Bob');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(1)`).should('contain', 'Smith');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2)`).should('contain', '33');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(3)`).should('contain', 'Teacher');
-  });
-});