feat: add test for updating toast

emilkowalski · Oct 1, 2023 · 700c534 · 700c534
1 parent 8c34fe2
commit 700c534
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/test/src/app/page.tsx b/test/src/app/page.tsx
@@ -126,6 +126,21 @@ export default function Home({ searchParams }: any) {
       >
         Non-dismissible Toast
       </button>
+      <button
+        data-testid="update-toast"
+        className="button"
+        onClick={() => {
+          const toastId = toast('My Unupdated Toast', {
+            duration: 10000,
+        });
+        toast('My Updated Toast', {
+            id: toastId,
+            duration: 10000,
+          });
+        }}
+      >
+        Updated Toast
+      </button>
       {showAutoClose ? <div data-testid="auto-close-el" /> : null}
       {showDismiss ? <div data-testid="dismiss-el" /> : null}
       <Toaster position={searchParams.position || 'bottom-right'} theme={theme} dir={searchParams.dir || 'auto'} />

diff --git a/test/tests/basic.spec.ts b/test/tests/basic.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.beforeEach(async ({ page }) => {
   await page.goto('/');
@@ -159,4 +159,10 @@ test.describe('Basic functionality', () => {
     await page.getByTestId('default-button').click();
     await expect(page.locator('[data-sonner-toaster]')).toHaveAttribute('dir', 'ltr');
   });
+
+  test('show correct toast content when updating', async ({ page }) => {
+    await page.getByTestId('update-toast').click();
+    await expect(page.getByText('My Unupdated Toast')).toHaveCount(0);
+    await expect(page.getByText('My Updated Toast')).toHaveCount(1);
+  });
 });