angular-slickgrid 9.0.0 → 9.0.2

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

@@ -1,84 +0,0 @@
-describe('Example 34 - Real-Time Trading Platform', () => {
-  const titles = [
-    'Currency',
-    'Symbol',
-    'Market',
-    'Company',
-    'Type',
-    'Change',
-    'Price',
-    'Quantity',
-    'Amount',
-    'Price History',
-    'Execution Timestamp',
-  ];
-  const GRID_ROW_HEIGHT = 35;
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example34`);
-    cy.get('h2').should('contain', 'Example 34: Real-Time Trading Platform');
-  });
-
-  it('should have exact column titles on 1st grid', () => {
-    cy.get('#grid34')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(titles[index]));
-  });
-
-  it('should check first 5 rows and expect certain data', () => {
-    for (let i = 0; i < 5; i++) {
-      cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * i}px);"] > .slick-cell:nth(0)`).contains(/CAD|USD$/);
-      cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * i}px);"] > .slick-cell:nth(4)`).contains(/Buy|Sell$/);
-      cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * i}px);"] > .slick-cell:nth(5)`).contains(/\$\(?[0-9.]*\)?/);
-      cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * i}px);"] > .slick-cell:nth(6)`).contains(/\$[0-9.]*/);
-      cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * i}px);"] > .slick-cell:nth(7)`).contains(/\d$/);
-      cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * i}px);"] > .slick-cell:nth(8)`).contains(/\$[0-9.]*/);
-    }
-  });
-
-  it('should find multiple green & pink backgrounds to show gains & losses when in real-time mode', () => {
-    cy.get('#refreshRateRange').invoke('val', 5).trigger('change');
-
-    cy.get('.changed-gain').should('have.length.gt', 2);
-    cy.get('.changed-loss').should('have.length.gt', 2);
-  });
-
-  it('should NOT find any green neither pink backgrounds when in real-time is stopped', () => {
-    cy.get('[data-test="highlight-input"]').type('{backspace}{backspace}');
-    cy.get('[data-test="stop-btn"]').click();
-
-    cy.wait(5);
-    cy.get('.changed-gain').should('have.length', 0);
-    cy.get('.changed-loss').should('have.length', 0);
-    cy.wait(1);
-    cy.get('.changed-gain').should('have.length', 0);
-    cy.get('.changed-loss').should('have.length', 0);
-  });
-
-  it('should Group by 1st column "Currency" and expect 2 groups with Totals when collapsed', () => {
-    cy.get('.slick-header-column:nth(0)').contains('Currency').drag('.slick-dropzone', { force: true });
-
-    cy.get('.slick-group-toggle-all').click();
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0) .slick-group-toggle.collapsed`).should(
-      'have.length',
-      1
-    );
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0) .slick-group-title`).should(
-      'contain',
-      'Currency: CAD'
-    );
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(8)`).contains(/\$[0-9,.]*/);
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0) .slick-group-toggle.collapsed`).should(
-      'have.length',
-      1
-    );
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0) .slick-group-title`).should(
-      'contain',
-      'Currency: USD'
-    );
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 3}px);"] > .slick-cell:nth(8)`).contains(/\$[0-9,.]*/);
-  });
-});

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

@@ -1,178 +0,0 @@
-describe('Example 35 - Row Based Editing', () => {
-  const fullTitles = ['Title', 'Duration (days)', '% Complete', 'Start', 'Finish', 'Effort Driven', 'Actions'];
-  const GRID_ROW_HEIGHT = 35;
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example35`);
-    cy.get('h2').should('contain', 'Example 35: Row Based Editing');
-  });
-
-  it('should have exact column titles on grid', () => {
-    cy.get('#grid35')
-      .find('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-  });
-
-  it('should render edit and delete buttons in the actions column', () => {
-    cy.get('.slick-cell.l6.r6').each(($child) => {
-      cy.wrap($child).find('.action-btns--edit, .action-btns--delete').should('have.length', 2);
-    });
-  });
-
-  it('should only allow to toggle a single row into editmode on single mode', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] .action-btns--edit`).click();
-    cy.get('.action-btns--edit:nth(0)').click({ force: true });
-
-    cy.get('.slick-row.slick-rbe-editmode').should('have.length', 1);
-  });
-
-  it('should allow to toggle a multiple rows into editmode on multiple mode', () => {
-    cy.reload();
-    cy.get('[data-test="single-multi-toggle"]').click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] .action-btns--edit`).click({ force: true });
-    cy.get('.action-btns--edit').eq(1).click({ force: true });
-    cy.get('.action-btns--edit').eq(2).click({ force: true });
-
-    cy.get('.slick-row.slick-rbe-editmode').should('have.length', 3);
-  });
-
-  it('should not display editor in rows not being in editmode', () => {
-    cy.reload();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell.l2.r2`).click({ force: true });
-
-    cy.get('input').should('have.length', 0);
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] .action-btns--edit`).click({ force: true });
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell.l2.r2`).click({ force: true });
-
-    cy.get('input').should('have.length', 1);
-  });
-
-  it('should highlight modified cells and maintain proper index on sorting', () => {
-    cy.reload();
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] .action-btns--edit`).click({ force: true });
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell.l0.r0`)
-      .click()
-      .type('abc{enter}');
-    cy.get('.slick-cell').first().should('have.class', 'slick-rbe-unsaved-cell');
-    cy.get('[data-id="title"]').click();
-    cy.get('.slick-cell').first().should('not.have.class', 'slick-rbe-unsaved-cell');
-    cy.get('[data-id="title"]').click();
-    cy.get('.slick-cell').first().should('have.class', 'slick-rbe-unsaved-cell');
-  });
-
-  it('should stay in editmode if saving failed', () => {
-    cy.reload();
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] .action-btns--edit`).click({ force: true });
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell.l1.r1`)
-      .click()
-      .type('50{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell.l2.r2`)
-      .click()
-      .type('50');
-
-    cy.get('.action-btns--update').first().click();
-    cy.on('window:confirm', () => true);
-    cy.on('window:alert', (str) => {
-      expect(str).to.equal('Sorry, 40 is the maximum allowed duration.');
-    });
-
-    cy.get('.slick-row.slick-rbe-editmode').should('have.length', 1);
-  });
-
-  it('should save changes on update button click', () => {
-    cy.reload();
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] .action-btns--edit`).click({ force: true });
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell.l1.r1`)
-      .click()
-      .type('30{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell.l2.r2`).type('30');
-
-    cy.get('.action-btns--update').first().click({ force: true });
-
-    cy.get('[data-test="fetch-result"]').should('contain', 'success');
-
-    cy.get('.slick-cell.l1.r1').first().should('contain', '30');
-    cy.get('.slick-cell.l2.r2').first().should('contain', '30');
-  });
-
-  it('should cleanup status when starting a new edit mode', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] .action-btns--edit`).click({ force: true });
-
-    cy.get('[data-test="fetch-result"]').should('be.empty');
-
-    cy.get('.action-btns--cancel').first().click({ force: true });
-  });
-
-  it('should revert changes on cancel click', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] .action-btns--edit`).click({ force: true });
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell.l1.r1`)
-      .click()
-      .type('50{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell.l2.r2`).type('50{enter}');
-
-    cy.get('.action-btns--cancel').first().click({ force: true });
-
-    cy.get('.slick-cell.l1.r1').first().should('contain', '30');
-    cy.get('.slick-cell.l2.r2').first().should('contain', '30');
-  });
-
-  it('should delete a row when clicking it', () => {
-    cy.get('.action-btns--delete').first().click({ force: true });
-
-    cy.on('window:confirm', () => true);
-
-    cy.get('.slick-row').first().find('.slick-cell.l0.r0').should('contain', 'Task 1');
-  });
-
-  it('should support translation keys on buttons', () => {
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] .action-btns--edit`).click({ force: true });
-
-    cy.get('.action-btns--update')
-      .first()
-      .invoke('attr', 'title')
-      .then((title) => {
-        expect(title).to.equal('Update the current row');
-      });
-
-    cy.get('.action-btns--cancel')
-      .first()
-      .invoke('attr', 'title')
-      .then((title) => {
-        expect(title).to.equal('Cancel changes of the current row');
-      });
-
-    cy.get('[data-test="toggle-language"]').click();
-    cy.get('[data-test="selected-locale"]').should('contain', 'fr.json');
-
-    cy.get('.action-btns--edit').first().click({ force: true });
-
-    cy.get('.action-btns--cancel').first().as('cancel-btn');
-    cy.get('@cancel-btn').should(($btn) => {
-      expect($btn.attr('title')).to.equal('Annuler la ligne actuelle');
-    });
-    cy.get('@cancel-btn').trigger('mouseover', { position: 'top' });
-    cy.get('.slick-custom-tooltip').should('be.visible');
-    cy.get('.slick-custom-tooltip .tooltip-body').contains('Annuler la ligne actuelle');
-
-    cy.get('.action-btns--update').first().as('update-btn');
-    cy.get('@update-btn').should(($btn) => {
-      expect($btn.attr('title')).to.equal('Mettre à jour la ligne actuelle');
-    });
-
-    cy.get('@update-btn').trigger('mouseover', { position: 'top' });
-
-    cy.get('.slick-custom-tooltip').should('be.visible');
-    cy.get('.slick-custom-tooltip .tooltip-body').contains('Mettre à jour la ligne actuelle');
-    cy.get('@update-btn').first().click({ force: true });
-  });
-});

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

@@ -1,219 +0,0 @@
-describe('Example 36 - Excel Export Formula', () => {
-  const GRID_ROW_HEIGHT = 33;
-  const fullTitles = ['#', 'Name', 'Price', 'Quantity', 'Sub-Total', 'Taxable', 'Taxes', 'Total'];
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example36`);
-    cy.get('h2').should('contain', 'Example 36: Excel Export Formula');
-  });
-
-  it('should have exact column titles on grid', () => {
-    cy.get('.slick-header-columns')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-  });
-
-  it('should check first 3 rows with calculated totals', () => {
-    // 1st row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).contains('1');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(1)`).contains('Oranges');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2)`).contains('$2.22');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(3)`).contains('4');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(4)`).contains('$8.88');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(5)`).should('have.text', '');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(6)`).should('have.text', '');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(7)`).contains('$8.88');
-
-    // 2nd row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).contains('2');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(1)`).contains('Apples');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(2)`).contains('$1.55');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(3)`).contains('3');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(4)`).contains('$4.65');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(5)`).should('have.text', '');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(6)`).should('have.text', '');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(7)`).contains('$4.65');
-
-    // 3rd row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0)`).contains('3');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(1)`).contains('Honeycomb Cereals');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(2)`).contains('$4.55');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(3)`).contains('2');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(4)`).contains('$9.10');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(4)`)
-      .should('have.css', 'color')
-      .and('eq', 'rgb(33, 80, 115)');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(5)`).find('.mdi-check');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(6)`).contains('$0.68');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(6)`)
-      .should('have.css', 'color')
-      .and('eq', 'rgb(198, 89, 17)');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(7)`).contains('$9.78');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(7)`)
-      .should('have.css', 'color')
-      .and('eq', 'rgb(0, 90, 158)');
-  });
-
-  it('should change Price & Qty on first 3 rows and expect calculated values to be updated', () => {
-    // 1st row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).contains('1');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2) input`)
-      .clear()
-      .type('2.44{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(3)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(3) input`)
-      .clear()
-      .type('7{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(4)`).contains('$17.08');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(7)`).contains('$17.08');
-
-    // 2nd row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).contains('2');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(2)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(2) input`)
-      .clear()
-      .type('1.4{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(3)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(3) input`)
-      .clear()
-      .type('3{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(4)`).contains('$4.20');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(7)`).contains('$4.20');
-
-    // 3rd row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0)`).contains('3');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(2)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(2) input`)
-      .clear()
-      .type('4.23{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(3)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(3) input`)
-      .clear()
-      .type('3{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(4)`).contains('$12.69');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(6)`).contains('$0.95');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(7)`).contains('$13.64');
-  });
-
-  it('should be able to change Tax Rate and for first 3 rows only expect the 3rd one to be updated with different taxes and total', () => {
-    cy.get('[data-test="taxrate"]').clear().type('6.25');
-    cy.get('[data-test="update-btn"]').click();
-
-    // 1st row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).contains('1');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(2)`).contains('$2.44');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(3)`).contains('7');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(4)`).contains('$17.08');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(7)`).contains('$17.08');
-
-    // 2nd row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(0)`).contains('2');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(2)`).contains('$1.40');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(3)`).contains('3');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(4)`).contains('$4.20');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 1}px);"] > .slick-cell:nth(7)`).contains('$4.20');
-
-    // 3rd row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(0)`).contains('3');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(2)`).contains('$4.23');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(3)`).contains('3');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(4)`).contains('$12.69');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(6)`).contains('$0.79');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 2}px);"] > .slick-cell:nth(7)`).contains('$13.48');
-  });
-
-  it('should Group by Taxable and expect calculated totals', () => {
-    cy.get('[data-test="group-by-btn"]').click();
-
-    // last and 5th row of first Group
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(0)`).contains('11');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(1)`).contains('Milk');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(2)`).contains('$3.11');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(3)`).contains('3');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(4)`).contains('$9.33');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(5)`).find('.mdi-check');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(6)`).contains('$0.58');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(7)`).contains('$9.91');
-
-    // Taxable group total row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(2)`).contains('$15.71');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(3)`).contains('25');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(4)`).contains('$42.32');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(6)`).contains('$2.65');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(7)`).contains('$44.97');
-
-    // Non-Taxable group total row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 14}px);"] > .slick-cell:nth(2)`).contains('$21.61');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 14}px);"] > .slick-cell:nth(3)`).contains('92');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 14}px);"] > .slick-cell:nth(4)`).contains('$60.29');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 14}px);"] > .slick-cell:nth(6)`).contains('$0.00');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 14}px);"] > .slick-cell:nth(7)`).contains('$60.29');
-  });
-
-  it('should change Price & Qty of item 10,11 and expect calculated values to be updated in group total', () => {
-    // item 10
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(0)`).contains('10');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(1)`).contains('Drinkable Yogurt');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(2)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(2) input`)
-      .clear()
-      .type('1.96{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(3)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(3) input`)
-      .clear()
-      .type('4{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(4)`).contains('$7.84');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(6)`).contains('$0.49');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(7)`).contains('$8.33');
-
-    // item 11
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(0)`).contains('11');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(1)`).contains('Milk');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(2)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(2) input`)
-      .clear()
-      .type('3.85{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(3)`).click();
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(3) input`)
-      .clear()
-      .type('2{enter}');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(4)`).contains('$7.70');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(6)`).contains('$0.48');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(7)`).contains('$8.18');
-
-    // group total row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(2)`).contains('$17.19');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(3)`).contains('22');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(4)`).contains('$41.21');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(6)`).contains('$2.58');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(7)`).contains('$43.79');
-
-    // Non-Taxable group total row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 14}px);"] > .slick-cell:nth(2)`).contains('$21.61');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 14}px);"] > .slick-cell:nth(3)`).contains('92');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 14}px);"] > .slick-cell:nth(4)`).contains('$60.29');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 14}px);"] > .slick-cell:nth(6)`).contains('$0.00');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 14}px);"] > .slick-cell:nth(7)`).contains('$60.29');
-  });
-
-  it('should change Tax Rate again and expect Taxes and Total to be recalculated', () => {
-    cy.get('[data-test="taxrate"]').clear().type('7');
-    cy.get('[data-test="update-btn"]').click();
-
-    // item 10
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(6)`).contains('$0.55');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 4}px);"] > .slick-cell:nth(7)`).contains('$8.39');
-
-    // item 11
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(6)`).contains('$0.54');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 5}px);"] > .slick-cell:nth(7)`).contains('$8.24');
-
-    // group total row
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(2)`).contains('$17.19');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(3)`).contains('22');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(4)`).contains('$41.21');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(6)`).contains('$2.88');
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 6}px);"] > .slick-cell:nth(7)`).contains('$44.09');
-  });
-});

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

@@ -1,52 +0,0 @@
-describe('Example 37 - Footer Totals Row', () => {
-  const fullTitles = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J'];
-  const GRID_ROW_HEIGHT = 33;
-
-  it('should display Example title', () => {
-    cy.visit(`${Cypress.config('baseUrl')}/example37`);
-    cy.get('h2').should('contain', 'Example 37: Footer Totals Row');
-  });
-
-  it('should have exact Column Header Titles in the grid', () => {
-    cy.get('#grid37')
-      .find('.slick-header-columns:nth(0)')
-      .children()
-      .each(($child, index) => expect($child.text()).to.eq(fullTitles[index]));
-  });
-
-  it('should have a total sum displayed in the footer for each column', () => {
-    for (let i = 0; i < 10; i++) {
-      cy.get(`.slick-footerrow-columns .slick-footerrow-column:nth(${i})`).should(($span) => {
-        const totalStr = $span.text();
-        const totalVal = Number(totalStr.replace('Sum: ', ''));
-
-        expect(totalStr).to.contain('Sum:');
-        expect(totalVal).to.gte(400);
-      });
-    }
-  });
-
-  it('should be able to increase cell value by a number of 5 and expect column sum to be increased by 5 as well', () => {
-    let cellVal = 0;
-    let totalVal = 0;
-    const increasingVal = 50;
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).should(($span) => {
-      cellVal = Number($span.text());
-      expect(cellVal).to.gte(0);
-    });
-    cy.get('.slick-footerrow-columns .slick-footerrow-column:nth(0)').should(($span) => {
-      totalVal = parseInt($span.text().replace('Sum: ', ''));
-      expect(totalVal).to.gte(400);
-    });
-
-    cy.get(`[style="transform: translateY(${GRID_ROW_HEIGHT * 0}px);"] > .slick-cell:nth(0)`).click();
-    cy.get('.editor-0').type(`${increasingVal}{enter}`);
-    cy.wait(1);
-
-    cy.get('.slick-footerrow-columns .slick-footerrow-column:nth(0)').should(($span) => {
-      const newTotalVal = parseInt($span.text().replace('Sum: ', ''));
-      expect(newTotalVal).to.eq(totalVal - cellVal + increasingVal);
-    });
-  });
-});