Skip to content

Commit 98b0e6e

Browse files
authored
chore: fix flaky Cypress E2E tests for Header Bar example (#2597)
1 parent db59ee3 commit 98b0e6e

5 files changed

Lines changed: 10 additions & 10 deletions

File tree

demos/aurelia/test/cypress/e2e/example53.cy.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ describe('Example 53 - Custom Filter Bar', () => {
6767
it('should clear "Total" filter from top header bar and then sort column descending and expect > 777', () => {
6868
cy.get('.top-dropped-filter[data-col-id="total"] .filter-remove').click();
6969
cy.get('.slick-topheader-panel .top-dropped-filter').should('have.length', 1);
70-
cy.get('.slick-header-columns .slick-header-column:nth(6)').click().click();
70+
cy.get('.slick-header-columns .slick-header-column:nth(6) .slick-column-name').click({}).click();
7171
cy.get('[data-row="0"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
7272
cy.get('[data-row="1"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
7373
cy.get('[data-row="2"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
@@ -81,7 +81,7 @@ describe('Example 53 - Custom Filter Bar', () => {
8181

8282
cy.get('input.filter-modal-input').type('{backspace}3{enter}');
8383
cy.get('.top-dropped-filter[data-col-id="tax2"] .filter-value').should('contain', '>= 3');
84-
cy.get('.slick-header-columns .slick-header-column:nth(3)').click();
84+
cy.get('.slick-header-columns .slick-header-column:nth(3) .slick-column-name').click();
8585
cy.get('[data-row="0"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));
8686
cy.get('[data-row="1"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));
8787
cy.get('[data-row="2"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));

demos/react/test/cypress/e2e/example53.cy.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ describe('Example 53 - Custom Filter Bar', () => {
6767
it('should clear "Total" filter from top header bar and then sort column descending and expect > 777', () => {
6868
cy.get('.top-dropped-filter[data-col-id="total"] .filter-remove').click();
6969
cy.get('.slick-topheader-panel .top-dropped-filter').should('have.length', 1);
70-
cy.get('.slick-header-columns .slick-header-column:nth(6)').click().click();
70+
cy.get('.slick-header-columns .slick-header-column:nth(6) .slick-column-name').click({}).click();
7171
cy.get('[data-row="0"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
7272
cy.get('[data-row="1"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
7373
cy.get('[data-row="2"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
@@ -81,7 +81,7 @@ describe('Example 53 - Custom Filter Bar', () => {
8181

8282
cy.get('input.filter-modal-input').type('{backspace}3{enter}');
8383
cy.get('.top-dropped-filter[data-col-id="tax2"] .filter-value').should('contain', '>= 3');
84-
cy.get('.slick-header-columns .slick-header-column:nth(3)').click();
84+
cy.get('.slick-header-columns .slick-header-column:nth(3) .slick-column-name').click();
8585
cy.get('[data-row="0"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));
8686
cy.get('[data-row="1"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));
8787
cy.get('[data-row="2"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));

demos/vue/test/cypress/e2e/example53.cy.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ describe('Example 53 - Custom Filter Bar', () => {
6767
it('should clear "Total" filter from top header bar and then sort column descending and expect > 777', () => {
6868
cy.get('.top-dropped-filter[data-col-id="total"] .filter-remove').click();
6969
cy.get('.slick-topheader-panel .top-dropped-filter').should('have.length', 1);
70-
cy.get('.slick-header-columns .slick-header-column:nth(6)').click().click();
70+
cy.get('.slick-header-columns .slick-header-column:nth(6) .slick-column-name').click({}).click();
7171
cy.get('[data-row="0"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
7272
cy.get('[data-row="1"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
7373
cy.get('[data-row="2"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
@@ -81,7 +81,7 @@ describe('Example 53 - Custom Filter Bar', () => {
8181

8282
cy.get('input.filter-modal-input').type('{backspace}3{enter}');
8383
cy.get('.top-dropped-filter[data-col-id="tax2"] .filter-value').should('contain', '>= 3');
84-
cy.get('.slick-header-columns .slick-header-column:nth(3)').click();
84+
cy.get('.slick-header-columns .slick-header-column:nth(3) .slick-column-name').click();
8585
cy.get('[data-row="0"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));
8686
cy.get('[data-row="1"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));
8787
cy.get('[data-row="2"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));

frameworks/angular-slickgrid/test/cypress/e2e/example53.cy.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ describe('Example 53 - Custom Filter Bar', () => {
6767
it('should clear "Total" filter from top header bar and then sort column descending and expect > 777', () => {
6868
cy.get('.top-dropped-filter[data-col-id="total"] .filter-remove').click();
6969
cy.get('.slick-topheader-panel .top-dropped-filter').should('have.length', 1);
70-
cy.get('.slick-header-columns .slick-header-column:nth(6)').click().click();
70+
cy.get('.slick-header-columns .slick-header-column:nth(6) .slick-column-name').click({}).click();
7171
cy.get('[data-row="0"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
7272
cy.get('[data-row="1"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
7373
cy.get('[data-row="2"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
@@ -81,7 +81,7 @@ describe('Example 53 - Custom Filter Bar', () => {
8181

8282
cy.get('input.filter-modal-input').type('{backspace}3{enter}');
8383
cy.get('.top-dropped-filter[data-col-id="tax2"] .filter-value').should('contain', '>= 3');
84-
cy.get('.slick-header-columns .slick-header-column:nth(3)').click();
84+
cy.get('.slick-header-columns .slick-header-column:nth(3) .slick-column-name').click();
8585
cy.get('[data-row="0"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));
8686
cy.get('[data-row="1"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));
8787
cy.get('[data-row="2"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));

test/cypress/e2e/example42.cy.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ describe('Example 42 - Custom Filter Bar', () => {
6767
it('should clear "Total" filter from top header bar and then sort column descending and expect > 777', () => {
6868
cy.get('.top-dropped-filter[data-col-id="total"] .filter-remove').click();
6969
cy.get('.slick-topheader-panel .top-dropped-filter').should('have.length', 1);
70-
cy.get('.slick-header-columns .slick-header-column:nth(6)').click().click();
70+
cy.get('.slick-header-columns .slick-header-column:nth(6) .slick-column-name').click({}).click();
7171
cy.get('[data-row="0"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
7272
cy.get('[data-row="1"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
7373
cy.get('[data-row="2"] > .slick-cell:nth(6)').then(($cell) => expect(Number($cell.text())).to.be.gt(777));
@@ -81,7 +81,7 @@ describe('Example 42 - Custom Filter Bar', () => {
8181

8282
cy.get('input.filter-modal-input').type('{backspace}3{enter}');
8383
cy.get('.top-dropped-filter[data-col-id="tax2"] .filter-value').should('contain', '>= 3');
84-
cy.get('.slick-header-columns .slick-header-column:nth(3)').click();
84+
cy.get('.slick-header-columns .slick-header-column:nth(3) .slick-column-name').click();
8585
cy.get('[data-row="0"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));
8686
cy.get('[data-row="1"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));
8787
cy.get('[data-row="2"] > .slick-cell:nth(3)').then(($cell) => expect(Number($cell.text())).to.be.gte(3));

0 commit comments

Comments
 (0)