test: add test examples via vitest (#158)

* test: add test examples via vitest

* fix: add the tests to vite-6 + update deps

Author: aminya

examples/vite-6/package.json

@@ -5,11 +5,17 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "test": "vitest"
   },
   "devDependencies": {
-    "vite": "^6.0.0",
-    "vite-plugin-solid": "workspace:*"
+    "@solidjs/testing-library": "^0.8.10",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/user-event": "^14.6.1",
+    "jsdom": "^26.0.0",
+    "vite": "^6.2.0",
+    "vite-plugin-solid": "workspace:*",
+    "vitest": "^3.0.7"
   },
   "dependencies": {
     "solid-js": "catalog:"

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

@@ -0,0 +1,23 @@
+import { expect, test } from 'vitest';
+import { render } from '@solidjs/testing-library';
+import user from '@testing-library/user-event';
+
+import App from '../src/App.jsx';
+
+test('App', async () => {
+  const { getByText } = render(() => <App />);
+
+  const counterTitle = getByText('Counter');
+
+  const count = counterTitle.nextElementSibling as HTMLElement;
+  expect(count).instanceOf(HTMLElement);
+  expect(count.innerHTML).toContain('Count: 0');
+
+  const incrementButton = getByText('Increment');
+  await user.click(incrementButton);
+  expect(count.innerHTML).toContain('Count: 1');
+
+  const decrementButton = getByText('Decrement');
+  await user.click(decrementButton);
+  expect(count.innerHTML).toContain('Count: 0');
+});

examples/vite-6/tests/tsconfig.json

@@ -0,0 +1,12 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "types": [
+            "@testing-library/jest-dom"
+        ]
+    },
+    "include": [
+        "**/*.ts",
+        "**/*.tsx"
+    ]
+}

examples/vite-6/vitest.config.ts

@@ -0,0 +1,9 @@
+import { defineConfig } from 'vitest/config';
+import solidPlugin from '../../src/index.js';
+
+export default defineConfig({
+  plugins: [solidPlugin()],
+  resolve: {
+    conditions: ['development', 'browser'],
+  },
+});