add test for toast click event

Author: stevethomas

cypress.config.ts

@@ -31,7 +31,7 @@ export default defineConfig({
 
   e2e: {
     baseUrl: "http://localhost:5173",
-    specPattern: 'src/components/**/*.spec.ts',
+    specPattern: "src/components/**/*.spec.ts",
     experimentalRunAllSpecs: true,
 
     setupNodeEvents(on, config) {

src/components/toast/toast.spec.ts

@@ -14,6 +14,19 @@ describe("template spec", () => {
       .contains("FYI")
   })
 
+  it("toasts with click event", () => {
+    cy.visit("/components/toast")
+
+    cy.get('[data-cy="toast"]')
+      .click()
+      .get("[data-radix-vue-collection-item]")
+      .click()
+      .then(($el) => Cypress.dom.isVisible($el))
+      .get("[data-radix-vue-collection-item]")
+      .eq(1)
+      .contains("You clicked on a toast")
+  })
+
   it("toasts with icon", () => {
     cy.visit("/components/toast")