angular-slickgrid 9.0.0 → 9.0.2

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

@@ -1,160 +0,0 @@
-describe('Example 38 - Infinite Scroll with OData', () => {
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example38`);
-    cy.get('h2').should('contain', 'Example 38: OData (v4) Backend Service with Infinite Scroll');
-  });
-
-  describe('when "enableCount" is set', () => {
-    it('should have default OData query', () => {
-      cy.get('[data-test=alert-odata-query]').should('exist');
-      cy.get('[data-test=alert-odata-query]').should('contain', 'OData Query');
-
-      // wait for the query to finish
-      cy.get('[data-test=status]').should('contain', 'finished');
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30`);
-      });
-    });
-
-    it('should scroll to bottom of the grid and expect next batch of 30 items appended to current dataset for a total of 60 items', () => {
-      cy.get('[data-test="itemCount"]').should('have.text', '30');
-
-      cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-      cy.get('[data-test="itemCount"]').should('have.text', '60');
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30&$skip=30`);
-      });
-    });
-
-    it('should scroll to bottom of the grid and expect next batch of 30 items appended to current dataset for a new total of 90 items', () => {
-      cy.get('[data-test="itemCount"]').should('have.text', '60');
-
-      cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-      cy.get('[data-test="itemCount"]').should('have.text', '90');
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30&$skip=60`);
-      });
-    });
-
-    it('should do one last scroll to reach the end of the data and have a full total of 100 items', () => {
-      cy.get('[data-test="itemCount"]').should('have.text', '90');
-
-      cy.get('[data-test="data-loaded-tag"]').should('be.hidden');
-
-      cy.get('[data-test="data-loaded-tag"]').should('not.have.class', 'fully-loaded');
-
-      cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-      cy.get('[data-test="itemCount"]').should('have.text', '100');
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30&$skip=90`);
-      });
-
-      cy.get('[data-test="data-loaded-tag"]').should('be.visible');
-
-      cy.get('[data-test="data-loaded-tag"]').should('have.class', 'fully-loaded');
-    });
-
-    it('should sort by Name column and expect dataset to restart at index zero and have a total of 30 items', () => {
-      cy.get('[data-test="data-loaded-tag"]').should('have.class', 'fully-loaded');
-
-      cy.get('[data-id="name"]').click();
-
-      cy.get('[data-test="itemCount"]').should('have.text', '30');
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30&$orderby=Name asc`);
-      });
-
-      cy.get('[data-test="data-loaded-tag"]').should('not.have.class', 'fully-loaded');
-    });
-
-    it('should scroll to bottom again and expect next batch of 30 items appended to current dataset for a total of 60 items', () => {
-      cy.get('[data-test="itemCount"]').should('have.text', '30');
-
-      cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-      cy.get('[data-test="itemCount"]').should('have.text', '60');
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30&$skip=30&$orderby=Name asc`);
-      });
-
-      cy.get('[data-test="data-loaded-tag"]').should('not.have.class', 'fully-loaded');
-    });
-
-    it('should change Gender filter to "female" and expect dataset to restart at index zero and have a total of 30 items', () => {
-      cy.get('.ms-filter.filter-gender:visible').click();
-
-      cy.get('[data-name="filter-gender"].ms-drop').find('li:visible:nth(2)').contains('female').click();
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30&$orderby=Name asc&$filter=(Gender eq 'female')`);
-      });
-
-      cy.get('[data-test="data-loaded-tag"]').should('not.have.class', 'fully-loaded');
-    });
-
-    it('should scroll to bottom again and expect next batch to be only 20 females appended to current dataset for a total of 50 items found in DB', () => {
-      cy.get('[data-test="itemCount"]').should('have.text', '30');
-
-      cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-      cy.get('[data-test="itemCount"]').should('have.text', '50');
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30&$skip=30&$orderby=Name asc&$filter=(Gender eq 'female')`);
-      });
-    });
-
-    it('should "Group by Gender" and expect 30 items grouped', () => {
-      cy.get('[data-test="clear-filters-sorting"]').click();
-      cy.get('[data-test="group-by-gender"]').click();
-
-      cy.get('[data-test="itemCount"]').should('have.text', '30');
-
-      cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30`);
-      });
-
-      cy.get(`[style="transform: translateY(0px);"] > .slick-cell:nth(0) .slick-group-toggle.expanded`).should('have.length', 1);
-      cy.get(`[style="transform: translateY(0px);"] > .slick-cell:nth(0) .slick-group-title`).contains(/Gender: [female|male]/);
-    });
-
-    it('should scroll to the bottom "Group by Gender" and expect 30 more items for a total of 60 items grouped', () => {
-      cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-      cy.get('[data-test="itemCount"]').should('have.text', '60');
-
-      cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30&$skip=30`);
-      });
-
-      cy.get(`[style="transform: translateY(0px);"] > .slick-cell:nth(0) .slick-group-toggle.expanded`).should('have.length', 1);
-      cy.get(`[style="transform: translateY(0px);"] > .slick-cell:nth(0) .slick-group-title`).contains(/Gender: [female|male]/);
-    });
-
-    it('should sort by Name column again and expect dataset to restart at index zero and have a total of 30 items still having Group Gender', () => {
-      cy.get('[data-id="name"]').click();
-
-      cy.get('[data-test="itemCount"]').should('have.text', '30');
-
-      cy.get('[data-test=odata-query-result]').should(($span) => {
-        expect($span.text()).to.eq(`$count=true&$top=30&$orderby=Name asc`);
-      });
-
-      cy.get(`[style="transform: translateY(0px);"] > .slick-cell:nth(0) .slick-group-toggle.expanded`).should('have.length', 1);
-      cy.get(`[style="transform: translateY(0px);"] > .slick-cell:nth(0) .slick-group-title`).contains(/Gender: [female|male]/);
-    });
-  });
-});

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

@@ -1,150 +0,0 @@
-import { removeWhitespaces } from '../plugins/utilities';
-
-describe('Example 39 - Infinite Scroll with GraphQL', () => {
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example39`);
-    cy.get('h2').should('contain', 'Example 39: GraphQL Backend Service with Infinite Scroll');
-  });
-
-  it('should use fake smaller server wait delay for faster E2E tests', () => {
-    cy.get('[data-test="server-delay"]').clear().type('20');
-  });
-
-  it('should have default GraphQL query', () => {
-    cy.get('[data-test=alert-graphql-query]').should('exist');
-    cy.get('[data-test=alert-graphql-query]').should('contain', 'GraphQL Query');
-
-    // wait for the query to finish
-    cy.get('[data-test=status]').should('contain', 'finished');
-
-    cy.get('[data-test=graphql-query-result]').should(($span) => {
-      const text = removeWhitespaces($span.text()); // remove all white spaces
-      expect(text).to.eq(
-        removeWhitespaces(`query { users (first:30,offset:0,locale:"en",userId:123) { totalCount, nodes { id,name,gender,company } } }`)
-      );
-    });
-  });
-
-  it('should scroll to bottom of the grid and expect next batch of 30 items appended to current dataset for a total of 60 items', () => {
-    cy.get('[data-test="itemCount"]').should('have.text', '30');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-    cy.get('[data-test="itemCount"]').should('have.text', '60');
-
-    cy.get('[data-test=graphql-query-result]').should(($span) => {
-      const text = removeWhitespaces($span.text()); // remove all white spaces
-      expect(text).to.eq(
-        removeWhitespaces(`query { users (first:30,offset:30,locale:"en",userId:123) { totalCount, nodes { id,name,gender,company } } }`)
-      );
-    });
-  });
-
-  it('should scroll to bottom of the grid and expect next batch of 30 items appended to current dataset for a new total of 90 items', () => {
-    cy.get('[data-test="itemCount"]').should('have.text', '60');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-    cy.get('[data-test="itemCount"]').should('have.text', '90');
-
-    cy.get('[data-test=graphql-query-result]').should(($span) => {
-      const text = removeWhitespaces($span.text()); // remove all white spaces
-      expect(text).to.eq(
-        removeWhitespaces(`query { users (first:30,offset:60,locale:"en",userId:123) { totalCount, nodes { id,name,gender,company } } }`)
-      );
-    });
-  });
-
-  it('should do one last scroll to reach the end of the data and have a full total of 100 items', () => {
-    cy.get('[data-test="itemCount"]').should('have.text', '90');
-
-    cy.get('[data-test="data-loaded-tag"]').should('be.hidden');
-
-    cy.get('[data-test="data-loaded-tag"]').should('not.have.class', 'fully-loaded');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-    cy.get('[data-test="itemCount"]').should('have.text', '100');
-
-    cy.get('[data-test=graphql-query-result]').should(($span) => {
-      const text = removeWhitespaces($span.text()); // remove all white spaces
-      expect(text).to.eq(
-        removeWhitespaces(`query { users (first:30,offset:90,locale:"en",userId:123) { totalCount, nodes { id,name,gender,company } } }`)
-      );
-    });
-
-    cy.get('[data-test="data-loaded-tag"]').should('be.visible');
-
-    cy.get('[data-test="data-loaded-tag"]').should('have.class', 'fully-loaded');
-  });
-
-  it('should sort by Name column and expect dataset to restart at index zero and have a total of 30 items', () => {
-    cy.get('[data-test="data-loaded-tag"]').should('have.class', 'fully-loaded');
-
-    cy.get('[data-id="name"]').click();
-
-    cy.get('[data-test="itemCount"]').should('have.text', '30');
-
-    cy.get('[data-test=graphql-query-result]').should(($span) => {
-      const text = removeWhitespaces($span.text()); // remove all white spaces
-      expect(text).to.eq(
-        removeWhitespaces(`query { users (first:30,offset:0,orderBy:[{field:name,direction:ASC}],locale:"en",userId:123) {
-          totalCount, nodes { id,name,gender,company } } }`)
-      );
-    });
-
-    cy.get('[data-test="data-loaded-tag"]').should('not.have.class', 'fully-loaded');
-  });
-
-  it('should scroll to bottom again and expect next batch of 30 items appended to current dataset for a total of 60 items', () => {
-    cy.get('[data-test="itemCount"]').should('have.text', '30');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-    cy.get('[data-test="itemCount"]').should('have.text', '60');
-
-    cy.get('[data-test=graphql-query-result]').should(($span) => {
-      const text = removeWhitespaces($span.text()); // remove all white spaces
-      expect(text).to.eq(
-        removeWhitespaces(`query { users (first:30,offset:30,orderBy:[{field:name,direction:ASC}],locale:"en",userId:123) {
-          totalCount, nodes { id,name,gender,company } } }`)
-      );
-    });
-
-    cy.get('[data-test="data-loaded-tag"]').should('not.have.class', 'fully-loaded');
-  });
-
-  it('should change Gender filter to "female" and expect dataset to restart at index zero and have a total of 30 items', () => {
-    cy.get('.ms-filter.filter-gender:visible').click();
-
-    cy.get('[data-name="filter-gender"].ms-drop').find('li:visible:nth(2)').contains('Female').click();
-
-    cy.get('[data-test=graphql-query-result]').should(($span) => {
-      const text = removeWhitespaces($span.text()); // remove all white spaces
-      expect(text).to.eq(
-        removeWhitespaces(`query { users (first:30,offset:0,
-          orderBy:[{field:name,direction:ASC}],
-          filterBy:[{field:gender,operator:EQ,value:"female"}],locale:"en",userId:123) { totalCount, nodes { id,name,gender,company } } }`)
-      );
-    });
-
-    cy.get('[data-test="data-loaded-tag"]').should('not.have.class', 'fully-loaded');
-  });
-
-  it('should scroll to bottom again and expect next batch to be only 20 females appended to current dataset for a total of 50 items found in DB', () => {
-    cy.get('[data-test="itemCount"]').should('have.text', '30');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-    cy.get('[data-test="itemCount"]').should('have.text', '50');
-
-    cy.get('[data-test=graphql-query-result]').should(($span) => {
-      const text = removeWhitespaces($span.text()); // remove all white spaces
-      expect(text).to.eq(
-        removeWhitespaces(`query { users (first:30,offset:30,
-          orderBy:[{field:name,direction:ASC}],
-          filterBy:[{field:gender,operator:EQ,value:"female"}],locale:"en",userId:123) { totalCount, nodes { id,name,gender,company } } }`)
-      );
-    });
-  });
-});

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

@@ -1,126 +0,0 @@
-describe('Example 40 - Infinite Scroll from JSON data', () => {
-  const titles = ['Title', 'Duration (days)', '% Complete', 'Start', 'Finish', 'Effort Driven'];
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example40`);
-    cy.get('h2').should('contain', 'Example 40: Infinite Scroll from JSON data');
-  });
-
-  it('should have exact Column Titles in the grid', () => {
-    cy.get('#grid40')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(titles[index]));
-  });
-
-  it('should expect first row to include "Task 0" and other specific properties', () => {
-    cy.get('[data-row="0"] > .slick-cell:nth(0)').should('contain', 'Task 0');
-    cy.get('[data-row="0"] > .slick-cell:nth(1)').contains(/[0-9]/);
-    cy.get('[data-row="0"] > .slick-cell:nth(2)').contains(/[0-9]/);
-    cy.get('[data-row="0"] > .slick-cell:nth(3)').contains('2020');
-    cy.get('[data-row="0"] > .slick-cell:nth(4)').contains('2022');
-    cy.get('[data-row="0"] > .slick-cell:nth(5)').find('.mdi.mdi-check').should('have.length', 1);
-  });
-
-  it('should scroll to bottom of the grid and expect next batch of 50 items appended to current dataset for a total of 100 items', () => {
-    cy.get('[data-test="totalItemCount"]').should('have.text', '50');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-    cy.get('[data-test="totalItemCount"]').should('have.text', '100');
-  });
-
-  it('should scroll to bottom of the grid again and expect 50 more items for a total of now 150 items', () => {
-    cy.get('[data-test="totalItemCount"]').should('have.text', '100');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-    cy.get('[data-test="totalItemCount"]').should('have.text', '150');
-  });
-
-  it('should disable onSort for data reset and expect same dataset length of 150 items after sorting by Title', () => {
-    cy.get('[data-test="onsort-off"]').click();
-
-    cy.get('[data-id="title"]').click();
-
-    cy.get('[data-test="totalItemCount"]').should('have.text', '150');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-    cy.get('[data-row="0"] > .slick-cell:nth(0)').should('contain', 'Task 0');
-    cy.get('[data-row="1"] > .slick-cell:nth(0)').should('contain', 'Task 1');
-    cy.get('[data-row="2"] > .slick-cell:nth(0)').should('contain', 'Task 10');
-    cy.get('[data-row="3"] > .slick-cell:nth(0)').should('contain', 'Task 100');
-  });
-
-  it('should enable onSort for data reset and expect dataset to be reset to 50 items after sorting by Title', () => {
-    cy.get('[data-test="onsort-on"]').click();
-
-    cy.get('[data-id="title"]').click();
-
-    cy.get('[data-test="totalItemCount"]').should('have.text', '50');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-    cy.get('[data-row="0"] > .slick-cell:nth(0)').should('contain', 'Task 9');
-    cy.get('[data-row="1"] > .slick-cell:nth(0)').should('contain', 'Task 8');
-    cy.get('[data-row="2"] > .slick-cell:nth(0)').should('contain', 'Task 7');
-    cy.get('[data-row="3"] > .slick-cell:nth(0)').should('contain', 'Task 6');
-  });
-
-  it('should "Group by Duration" and expect 50 items grouped', () => {
-    cy.get('[data-test="group-by-duration"]').click();
-
-    cy.get('[data-test="totalItemCount"]').should('have.text', '50');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-    cy.get('[data-row="0"] > .slick-cell:nth(0) .slick-group-toggle.expanded').should('have.length', 1);
-    cy.get('[data-row="0"] > .slick-cell:nth(0) .slick-group-title').contains(/Duration: [0-9]/);
-  });
-
-  it('should scroll to the bottom "Group by Duration" and expect 50 more items for a total of 100 items grouped', () => {
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-
-    cy.get('[data-test="totalItemCount"]').should('have.text', '100');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-    cy.get('[data-row="0"] > .slick-cell:nth(0) .slick-group-toggle.expanded').should('have.length', 1);
-    cy.get('[data-row="0"] > .slick-cell:nth(0) .slick-group-title').contains(/Duration: [0-9]/);
-  });
-
-  it('should clear all grouping', () => {
-    cy.get('#grid40').find('.slick-row .slick-cell:nth(1)').rightclick({ force: true });
-
-    cy.get('.slick-context-menu.dropright .slick-menu-command-list')
-      .find('.slick-menu-item')
-      .find('.slick-menu-content')
-      .contains('Clear all Grouping')
-      .click();
-  });
-
-  it('should hover over the "Start" column header menu of 1st grid and click on "Sort Descending" command', () => {
-    cy.get('[data-test="clear-filters-sorting"]').click();
-    cy.get('#grid40').find('.slick-header-column:nth(3)').trigger('mouseover').children('.slick-header-menu-button').invoke('show').click();
-
-    cy.get('.slick-header-menu .slick-menu-command-list').should('be.visible').should('contain', 'Sort Descending').click();
-
-    cy.get('[data-row="0"] > .slick-cell:nth(3)').contains('2020');
-  });
-
-  it('should load 200 items and filter "Start" column with <=2020-08-25', () => {
-    cy.get('[data-test="set-dynamic-filter"]').click();
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-    cy.wait(10);
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('bottom');
-    cy.get('[data-test="totalItemCount"]').should('have.text', '200');
-
-    cy.get('.slick-viewport.slick-viewport-top.slick-viewport-left').scrollTo('top');
-
-    cy.get(`[data-row=0] > .slick-cell:nth(3)`).contains(/^Aug [0-9]{2}, 2020$/);
-    cy.get(`[data-row=1] > .slick-cell:nth(3)`).contains(/^Aug [0-9]{2}, 2020$/);
-    cy.get(`[data-row=2] > .slick-cell:nth(3)`).contains(/^Aug [0-9]{2}, 2020$/);
-    cy.get(`[data-row=3] > .slick-cell:nth(3)`).contains(/^Aug [0-9]{2}, 2020$/);
-  });
-});

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

@@ -1,90 +0,0 @@
-describe('Example 41 - Drag & Drop', () => {
-  const GRID_ROW_HEIGHT = 33;
-  const titles = ['', 'Name', 'Complete'];
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example41`);
-    cy.get('h2').should('contain', 'Example 41: Drag & Drop');
-  });
-
-  it('should have exact Column Titles in the grid', () => {
-    cy.get('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(titles[index]));
-  });
-
-  it('should expect first row to include "Task 0" and other specific properties', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(1)`).should('contain', 'Make a list');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2)`)
-      .find('.mdi.mdi-check')
-      .should('have.length', 1);
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(1)`).should('contain', 'Check it twice');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(1)`).should('contain', `Find out who's naughty`);
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell:nth(1)`).should('contain', `Find out who's nice`);
-  });
-
-  it('should drag 2nd row to 3rd position', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}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('@moveIconTask2').should('have.length', 1);
-
-    cy.get('@moveIconTask2').trigger('mousedown', { which: 1, force: true }).trigger('mousemove', 'bottomRight');
-
-    cy.get('@moveIconTask1').trigger('mousemove', 'bottomRight').trigger('mouseup', 'bottomRight', { which: 1, force: true });
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(1)`).should('contain', 'Make a list');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(1)`).should('contain', `Find out who's naughty`);
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(1)`).should('contain', 'Check it twice');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell:nth(1)`).should('contain', `Find out who's nice`);
-  });
-
-  it('should drag a single row "Check it twice" to recycle bin', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(1)`)
-      .contains(`Find out who's naughty`)
-      .trigger('mousedown', { which: 1, force: true })
-      .trigger('mousemove', 'bottomRight');
-
-    cy.get('.recycle-bin.drag-dropzone').should('have.length', 1);
-    cy.get('.drag-message').contains('Drag to Recycle Bin to delete 1 selected row(s)');
-
-    cy.get('#dropzone').trigger('mousemove', 'center');
-    cy.get('.recycle-bin.drag-hover').should('have.length', 1);
-    cy.get('#dropzone').trigger('mouseup', 'center', { which: 1, force: true });
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(1)`).should('contain', 'Make a list');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(1)`).should('contain', 'Check it twice');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(1)`).should('contain', `Find out who's nice`);
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(1)`).should('contain', 'Make a list');
-    cy.get('.slick-row').should('have.length', 3);
-    cy.get('.recycle-bin.drag-dropzone').should('have.length', 0);
-    cy.get('.recycle-bin.drag-hover').should('have.length', 0);
-  });
-
-  it('should be able to drag 2 last rows to recycle bin', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(1)`)
-      .contains(`Find out who's nice`)
-      .type('{ctrl}', { release: false })
-      .click();
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(1)`)
-      .contains('Check it twice')
-      .click()
-      .trigger('mousedown', { which: 1, force: true })
-      .trigger('mousemove', 'bottomRight');
-
-    cy.get('.recycle-bin.drag-dropzone').should('have.length', 1);
-    cy.get('.drag-message').contains('Drag to Recycle Bin to delete 2 selected row(s)');
-
-    cy.get('#dropzone').trigger('mousemove', 'center');
-
-    cy.get('.recycle-bin.drag-hover').should('have.length', 1);
-    cy.get('#dropzone').trigger('mouseup', 'center', { which: 1, force: true });
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(1)`).should('contain', 'Make a list');
-    cy.get('.slick-row').should('have.length', 1);
-    cy.get('.recycle-bin.drag-dropzone').should('have.length', 0);
-    cy.get('.recycle-bin.drag-hover').should('have.length', 0);
-  });
-});

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

@@ -1,82 +0,0 @@
-describe('Example 42 - Custom Pagination', () => {
-  const GRID_ROW_HEIGHT = 40;
-  const titles = ['Title', 'Description', '% Complete', 'Start', 'Finish', 'Duration', 'Completed'];
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example42`);
-    cy.get('h2').should('contain', 'Example 42: Custom Pagination');
-  });
-
-  it('should have exact Column Titles in the grid', () => {
-    cy.get('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(titles[index]));
-  });
-
-  it('should expect first row to be Task 0', () => {
-    cy.get('.seek-first').should('have.class', 'disabled');
-    cy.get('.seek-prev').should('have.class', 'disabled');
-    cy.get('.item-from').should('contain', 1);
-    cy.get('.item-to').should('contain', 50);
-    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');
-  });
-
-  it('should click on next page and expect top row to be Task 50', () => {
-    cy.get('.page-item.seek-next').click();
-
-    cy.get('.seek-first').should('not.have.class', 'disabled');
-    cy.get('.seek-prev').should('not.have.class', 'disabled');
-    cy.get('.item-from').should('contain', 51);
-    cy.get('.item-to').should('contain', 100);
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 50');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 51');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 52');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 53');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 54');
-  });
-
-  it('should click on goto last page and expect top row to be Task 50', () => {
-    cy.get('.page-item.seek-end').click();
-
-    cy.get('.seek-next').should('have.class', 'disabled');
-    cy.get('.seek-end').should('have.class', 'disabled');
-    cy.get('.item-from').should('contain', 4951);
-    cy.get('.item-to').should('contain', 5000);
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 4950');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 4951');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 4952');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 4953');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 4954');
-  });
-
-  it('should change page size and expect pagination to be updated', () => {
-    cy.get('[data-test="page-size-input"]').type('{backspace}{backspace}75');
-    cy.get('.seek-first').should('have.class', 'disabled');
-    cy.get('.seek-prev').should('have.class', 'disabled');
-    cy.get('.item-from').should('contain', 1);
-    cy.get('.item-to').should('contain', 75);
-    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');
-  });
-
-  it('should toggle pagination position to bottom', () => {
-    cy.get('[data-text="toggle-pagination-btn"]').click();
-    cy.get('#pager.bottom').should('exist');
-    cy.get('.page-item.seek-next').click();
-
-    cy.get('.item-from').should('contain', 76);
-    cy.get('.item-to').should('contain', 150);
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 75');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 76');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 77');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 78');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(0)`).should('contain', 'Task 79');
-  });
-});