From 093ccd74452cffef1e0f0680f16650c3ae4fa9b4 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 28 Aug 2026 13:04:45 +0000
Subject: [PATCH 1/3] Initial plan


From aa8d571fe46defbaeb3f77206c02a274aaacf073 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 28 Aug 2026 13:08:34 +0000
Subject: [PATCH 2/3] Fix Toast Cypress selector

Co-authored-by: dmytrokirpa <1492102+dmytrokirpa@users.noreply.github.com>
---
 .../library/src/components/Toast/Toast.cy.tsx                 | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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..f4f0c0c0fd6ff0 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,10 @@ 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 TOAST = TOAST_CONTAINER;
 
 const mount = (element: JSXElement) =>
   mountBase(

From 2502d6868d90496eb5718282cac6d4a8084964da Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 28 Aug 2026 13:11:22 +0000
Subject: [PATCH 3/3] Use single ToastContainer test selector

Co-authored-by: dmytrokirpa <1492102+dmytrokirpa@users.noreply.github.com>
---
 .../library/src/components/Toast/Toast.cy.tsx | 21 +++++++++----------
 1 file changed, 10 insertions(+), 11 deletions(-)

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 f4f0c0c0fd6ff0..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
@@ -11,7 +11,6 @@ import { Provider } from '../Provider';
  * structural roles on the headless `ToastContainer` root.
  */
 const TOAST_CONTAINER = '[role="listitem"]';
-const TOAST = TOAST_CONTAINER;
 
 const mount = (element: JSXElement) =>
   mountBase(
@@ -43,7 +42,7 @@ describe('Toast (headless)', () => {
     };
 
     mount(<Example />);
-    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(<Example />);
-    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(<Example />);
-    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(<Example />);
-    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(<Example />);
-    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(<Example />);
-    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', () => {