fix: failing tests (#572)

* Fix tests

* fix tests

Author: emilkowalski

src/index.tsx

@@ -341,6 +341,7 @@ const Toast = (props: ToastProps) => {
 
         if (Math.abs(swipeAmount) >= SWIPE_THRESHOLD || velocity > 0.11) {
           setOffsetBeforeRemove(offset.current);
+
           toast.onDismiss?.(toast);
 
           if (swipeDirection === 'x') {

test/src/app/page.tsx

@@ -139,11 +139,13 @@ export default function Home({ searchParams }: any) {
         className="button"
         onClick={() =>
           toast('My Toast', {
-            onDismiss: () => setShowDismiss(true),
+            onDismiss: () => {
+              setShowDismiss(true);
+            },
           })
         }
       >
-        Render Toast With onAutoClose callback
+        Dismiss toast callback
       </button>
       <button
         data-testid="non-dismissible-toast"
@@ -212,6 +214,7 @@ export default function Home({ searchParams }: any) {
       {showAutoClose ? <div data-testid="auto-close-el" /> : null}
       {showDismiss ? <div data-testid="dismiss-el" /> : null}
       <Toaster
+        offset={32}
         position={searchParams.position || 'bottom-right'}
         toastOptions={{
           actionButtonStyle: { backgroundColor: 'rgb(219, 239, 255)' },

test/tests/basic.spec.ts

@@ -81,18 +81,38 @@ test.describe('Basic functionality', () => {
 
   test('toast is not removed when hovered', async ({ page }) => {
     await page.getByTestId('default-button').click();
+
+    // Wait for toast to be visible first
+    await expect(page.locator('[data-sonner-toast]')).toBeVisible();
+
+    // Hover the toast
     await page.hover('[data-sonner-toast]');
-    const timeout = new Promise((resolve) => setTimeout(resolve, 5000));
-    await timeout;
+
+    // Wait a bit to ensure hover is registered
+    await page.waitForTimeout(100);
+
+    // Create a longer timeout to verify toast persists
+    await page.waitForTimeout(5000);
+
+    // Verify toast is still visible
+    await expect(page.locator('[data-sonner-toast]')).toBeVisible();
     await expect(page.locator('[data-sonner-toast]')).toHaveCount(1);
   });
 
   test('toast is not removed if duration is set to infinity', async ({ page }) => {
     await page.getByTestId('infinity-toast').click();
-    await page.hover('[data-sonner-toast]');
-    const timeout = new Promise((resolve) => setTimeout(resolve, 5000));
-    await timeout;
-    await expect(page.locator('[data-sonner-toast]')).toHaveCount(1);
+
+    await expect(page.locator('[data-sonner-toast]')).toBeVisible();
+
+    const toast = page.locator('[data-sonner-toast]');
+    await toast.hover({ force: true });
+
+    await page.waitForTimeout(100);
+
+    await page.waitForTimeout(5000);
+
+    await expect(toast).toBeVisible();
+    await expect(toast).toHaveCount(1);
   });
 
   test('toast is not removed when event prevented in action', async ({ page }) => {