Add custom component reactivity test

Author: zerodevx

cypress/e2e/test.cy.js

@@ -168,11 +168,11 @@ describe('Integration Tests', () => {
       .invoke('toast.pop', 0)
   })
 
-  it('Uses component', () => {
+  it('Renders custom component and is reactive', () => {
     cy.get('[data-btn=sendComponentAsAMessage]')
       .click()
-      .get('._toastItem')
-      .contains('A Dummy Cookie Component')
+      .get('._toastItem h1')
+      .should('have.text', 'Test Reactivity')
       .get('[data-btn=default]')
       .click()
       .get('[data-btn=dummyAccept')

docs/App.svelte

@@ -264,7 +264,7 @@ toast.pop(0)`,
   }
 })`,
     run: () => {
-      toast.push({
+      const id = toast.push({
         component: {
           src: DummyComponent,
           props: { title: 'A Dummy Cookie Component' },
@@ -281,6 +281,16 @@ toast.pop(0)`,
           '--toastBorderRadius': '1rem'
         }
       })
+      // @ts-ignore
+      if (window.Cypress) {
+        toast.set(id, {
+          component: {
+            src: DummyComponent,
+            props: { title: 'Test Reactivity' },
+            sendIdTo: 'toastId'
+          }
+        })
+      }
     }
   },
   {