chore(deps): update test dependencies for browser mode(preact, solid)

examples/preact/package.json

@@ -8,11 +8,11 @@
     "@vitest/browser-playwright": "^4.0.0-beta.17",
     "playwright": "^1.56.0",
     "typescript": "^5.5.2",
-    "vitest": "^4.0.0-beta.17"
+    "vitest": "^4.0.0-beta.17",
+    "vitest-browser-preact": "^1.0.0"
   },
   "dependencies": {
     "@preact/preset-vite": "^2.8.3",
-    "@testing-library/preact": "^3.2.4",
     "preact": "^10.22.0"
   }
 }

examples/preact/tests/HelloWorld.spec.tsx

@@ -1,5 +1,5 @@
 import { expect, test } from 'vitest'
-import { render } from '@testing-library/preact'
+import { render } from 'vitest-browser-preact'
 import HelloWorld from '../src/HelloWorld'
 
 test('renders name', () => {

examples/preact/vitest.config.ts

@@ -8,6 +8,7 @@ export default defineConfig({
     browser: {
       enabled: true,
       provider: playwright(),
+      // https://vitest.dev/config/browser/playwright
       instances: [
         { browser: 'chromium' },
       ],

examples/qwik/tests/HelloWorld.spec.tsx

@@ -3,7 +3,7 @@ import { render } from 'vitest-browser-qwik'
 import HelloWorld from '../src/HelloWorld'
 
 test('renders name', async () => {
-  const screen = await render(<HelloWorld name="Vitest" />)
+  const screen = render(<HelloWorld name="Vitest" />)
 
   await expect.element(screen.getByText('Hello Vitest x1!')).toBeInTheDocument()
   await screen.getByRole('button', { name: 'Increment' }).click()

examples/solid/package.json

@@ -5,12 +5,13 @@
     "test": "vitest"
   },
   "devDependencies": {
+    "@solidjs/testing-library": "^0.8.10",
     "@vitest/browser-playwright": "^4.0.0-beta.17",
     "playwright": "^1.56.0",
     "solid-js": "^1.9.9",
-    "solid-testing-library": "^0.5.1",
     "typescript": "^5.5.2",
     "vite-plugin-solid": "^2.11.9",
-    "vitest": "^4.0.0-beta.17"
+    "vitest": "^4.0.0-beta.17",
+    "vitest-browser-solid": "^1.0.1"
   }
 }

examples/solid/tests/HelloWorld.spec.tsx

@@ -1,9 +1,9 @@
 import { expect, test } from 'vitest'
-import { render } from 'solid-testing-library'
+import { render } from 'vitest-browser-solid'
 import HelloWorld from '../src/HelloWorld'
 
 test('renders name', () => {
-  const { getByText } = render(<HelloWorld name="Vitest" />)
+  const { getByText } = render(() => <HelloWorld name="Vitest" />)
   const element = getByText('Hello Vitest!')
   expect(element).toBeInTheDocument()
 })

examples/solid/vitest.config.ts

@@ -4,15 +4,14 @@ import solid from 'vite-plugin-solid'
 
 export default defineConfig({
   plugins: [solid()],
-  define: {
-    // solid-testing-library relies on "process" which is not shimmed by default
-    'process.env.STL_SKIP_AUTO_CLEANUP': 'false'
-  },
   test: {
     browser: {
       enabled: true,
       provider: playwright(),
-      instances: [{ browser: 'chromium' }],
+      // https://vitest.dev/config/browser/playwright
+      instances: [
+        { browser: 'chromium' },
+      ],
     },
   },
 })