fix: test fails for Svelte5 and happy-dom

Author: yanick

package.json

@@ -56,8 +56,8 @@
     "test": "vitest run --coverage",
     "test:watch": "vitest",
     "test:update": "vitest run --update",
-    "test:vitest:jsdom": "vitest run --coverage --environment jsdom",
-    "test:vitest:happy-dom": "vitest run --coverage --environment happy-dom",
+    "test:vitest:jsdom": "VITEST_ENV=jsdom vitest run --coverage --environment jsdom",
+    "test:vitest:happy-dom": "VITEST_ENV=happy-dom vitest run --coverage --environment happy-dom",
     "types": "svelte-check",
     "validate": "npm-run-all test:vitest:* types",
     "contributors:add": "all-contributors add",
@@ -94,7 +94,7 @@
     "npm-run-all": "^4.1.5",
     "prettier": "3.2.4",
     "prettier-plugin-svelte": "3.1.2",
-    "svelte": "^4.2.10",
+    "svelte": "5.0.0-next.64",
     "svelte-check": "^3.6.3",
     "svelte-jester": "^3.0.0",
     "typescript": "^5.3.3",

src/__tests__/mount.test.js

@@ -1,4 +1,5 @@
 import { describe, expect, test, vi } from 'vitest'
+import { VERSION as SVELTE_VERSION } from 'svelte/compiler'
 
 import { act, render, screen } from '..'
 import Mounter from './fixtures/Mounter.svelte'
@@ -7,27 +8,30 @@ const onMounted = vi.fn()
 const onDestroyed = vi.fn()
 const renderSubject = () => render(Mounter, { onMounted, onDestroyed })
 
-describe('mount and destroy', () => {
-  test('component is mounted', async () => {
-    renderSubject()
+describe.skipIf(SVELTE_VERSION >= '5' && process.env.VITEST_ENV == 'happy-dom')(
+  'mount and destroy',
+  () => {
+    test('component is mounted', async () => {
+      renderSubject()
 
-    const content = screen.getByRole('button')
+      const content = screen.getByRole('button')
 
-    expect(content).toBeInTheDocument()
-    await act()
-    expect(onMounted).toHaveBeenCalledOnce()
-  })
+      expect(content).toBeInTheDocument()
+      await act()
+      expect(onMounted).toHaveBeenCalledOnce()
+    })
 
-  test('component is destroyed', async () => {
-    const { unmount } = renderSubject()
+    test('component is destroyed', async () => {
+      const { unmount } = renderSubject()
 
-    await act()
-    unmount()
+      await act()
+      unmount()
 
-    const content = screen.queryByRole('button')
+      const content = screen.queryByRole('button')
 
-    expect(content).not.toBeInTheDocument()
-    await act()
-    expect(onDestroyed).toHaveBeenCalledOnce()
-  })
-})
+      expect(content).not.toBeInTheDocument()
+      await act()
+      expect(onDestroyed).toHaveBeenCalledOnce()
+    })
+  }
+)