Fix accessing the wrong user test configuration (#200)

Author: pedro00dk

.changeset/wise-taxis-fail.md

@@ -0,0 +1,5 @@
+---
+'vite-plugin-solid': patch
+---
+
+Fix accessing the wrong user test configuration

.github/workflows/vitest.yml

@@ -0,0 +1,36 @@
+name: ci
+
+on:
+  pull_request:
+    branches: [main]
+  push:
+    branches: [main]
+
+jobs:
+  vitest:
+    name: 'Vitest'
+    strategy:
+      fail-fast: false
+
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '23'
+
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.3
+
+      - name: Install project dependencies
+        run: pnpm i
+
+      - name: Install playwright browser
+        working-directory: examples/vite-6
+        run: pnpm exec playwright install chromium
+
+      - name: Run tests
+        working-directory: examples/vite-6
+        run: pnpm run test

examples/vite-6/package.json

@@ -6,13 +6,15 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "test": "vitest"
+    "test": "vitest --browser.headless --run",
+    "test-dev": "vitest"
   },
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/user-event": "^14.6.1",
-    "jsdom": "^26.0.0",
+    "@vitest/browser": "^3.0.7",
+    "playwright": "^1.50.1",
     "vite": "^6.2.0",
     "vite-plugin-solid": "workspace:*",
     "vitest": "^3.0.7"

examples/vite-6/tests/App.test.tsx

@@ -1,23 +1,21 @@
-import { expect, test } from 'vitest';
+/// <reference types="@vitest/browser/providers/playwright" />
 import { render } from '@solidjs/testing-library';
-import user from '@testing-library/user-event';
+import { page } from '@vitest/browser/context';
+import { expect, test } from 'vitest';
 
 import App from '../src/App.jsx';
 
 test('App', async () => {
-  const { getByText } = render(() => <App />);
-
-  const counterTitle = getByText('Counter');
+  const root = page.elementLocator(render(() => <App />).baseElement);
 
-  const count = counterTitle.nextElementSibling as HTMLElement;
-  expect(count).instanceOf(HTMLElement);
-  expect(count.innerHTML).toContain('Count: 0');
+  const count = root.getByText('Count:');
+  await expect.element(count).toHaveTextContent('Count: 0');
 
-  const incrementButton = getByText('Increment');
-  await user.click(incrementButton);
-  expect(count.innerHTML).toContain('Count: 1');
+  const incrementButton = root.getByText('Increment');
+  await incrementButton.click();
+  await expect.element(count).toHaveTextContent('Count: 1');
 
-  const decrementButton = getByText('Decrement');
-  await user.click(decrementButton);
-  expect(count.innerHTML).toContain('Count: 0');
+  const decrementButton = root.getByText('Decrement');
+  await decrementButton.click();
+  await expect.element(count).toHaveTextContent('Count: 0');
 });

examples/vite-6/vitest.config.ts

@@ -6,4 +6,12 @@ export default defineConfig({
   resolve: {
     conditions: ['development', 'browser'],
   },
+  test: {
+    environment: 'node',
+    browser: {
+      enabled: true,
+      provider: 'playwright',
+      instances: [{ browser: 'chromium' }],
+    },
+  },
 });