diff --git a/packages/react-components/react-headless-components-preview/library/src/components/Toast/Toast.cy.tsx b/packages/react-components/react-headless-components-preview/library/src/components/Toast/Toast.cy.tsx index 87ee5d55f1edb1..3dcafa3b1068e1 100644 --- a/packages/react-components/react-headless-components-preview/library/src/components/Toast/Toast.cy.tsx +++ b/packages/react-components/react-headless-components-preview/library/src/components/Toast/Toast.cy.tsx @@ -8,10 +8,9 @@ import { Provider } from '../Provider'; /** * Selectors used by the headless tests. Unlike the styled v9 layer, the headless * Toast does not emit Griffel class names — we target structural roles and the - * `data-intent` attribute the headless `Toast` adds to its root. + * structural roles on the headless `ToastContainer` root. */ const TOAST_CONTAINER = '[role="listitem"]'; -const TOAST = '[data-intent]'; const mount = (element: JSXElement) => mountBase( @@ -43,7 +42,7 @@ describe('Toast (headless)', () => { }; mount(); - cy.get('button').click().get(TOAST).should('exist'); + cy.get('button').click().get(TOAST_CONTAINER).should('exist'); }); it('should dismiss toast', () => { @@ -73,8 +72,8 @@ describe('Toast (headless)', () => { }; mount(); - cy.get('#make').click().get(TOAST).should('exist'); - cy.get('#dismiss').click().get(TOAST).should('not.exist'); + cy.get('#make').click().get(TOAST_CONTAINER).should('exist'); + cy.get('#dismiss').click().get(TOAST_CONTAINER).should('not.exist'); }); it('should dismiss all toasts', () => { @@ -105,8 +104,8 @@ describe('Toast (headless)', () => { }; mount(); - cy.get('#make').click().get(TOAST).should('have.length', 5); - cy.get('#dismiss').click().get(TOAST).should('not.exist'); + cy.get('#make').click().get(TOAST_CONTAINER).should('have.length', 5); + cy.get('#dismiss').click().get(TOAST_CONTAINER).should('not.exist'); }); it('should play and pause toast', () => { @@ -138,9 +137,9 @@ describe('Toast (headless)', () => { }; mount(); - cy.get('#make').click().get(TOAST).should('exist'); - cy.get('#pause').click().wait(1000).get(TOAST).should('exist'); - cy.get('#play').click().get(TOAST).should('not.exist'); + cy.get('#make').click().get(TOAST_CONTAINER).should('exist'); + cy.get('#pause').click().wait(1000).get(TOAST_CONTAINER).should('exist'); + cy.get('#play').click().get(TOAST_CONTAINER).should('not.exist'); }); it('should update toast content', () => { @@ -178,7 +177,7 @@ describe('Toast (headless)', () => { }; mount(); - cy.get('#make').click().get(TOAST).should('exist'); + cy.get('#make').click().get(TOAST_CONTAINER).should('exist'); cy.get('#update').click().get('body').contains('Foo'); }); @@ -204,7 +203,7 @@ describe('Toast (headless)', () => { }; mount(); - cy.get('#make').click().get(TOAST).trigger('mouseenter').wait(700).get(TOAST).should('exist'); + cy.get('#make').click().get(TOAST_CONTAINER).trigger('mouseenter').wait(700).get(TOAST_CONTAINER).should('exist'); }); it('should follow lifecycle', () => {