feat(test): Vitest browser mode, seperate test config for type safety (#292)

* feat(test): Vitest browser mode, seperate test config for type safety

* fix(test): Added playwright to install (#293)

* fix(test): Added playwright to dependencies

Author: high1

.github/workflows/main.yml

@@ -30,6 +30,7 @@ jobs:
       - name: Install 🔧
         run: |
           pnpm i
+          pnpm playwright
 
       - name: Test 🧪
         run: |

env.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="vite/client" />
 /// <reference types="vitest" />
-/// <reference types="@testing-library/jest-dom/vitest" />
 
 interface ImportMeta {
   readonly env: ImportMetaEnv;

package.json

@@ -8,6 +8,7 @@
     "build": "vite build",
     "coverage": "vitest run --coverage",
     "dev": "vite",
+    "playwright": "playwright install --only-shell chromium",
     "preview": "vite preview",
     "start": "vite",
     "test": "vitest run"
@@ -17,12 +18,11 @@
     "@eslint/css": "0.14.1",
     "@eslint/js": "9.39.2",
     "@html-eslint/eslint-plugin": "0.54.0",
-    "@solidjs/testing-library": "0.8.10",
     "@stylistic/eslint-plugin": "5.7.1",
     "@tailwindcss/vite": "4.1.18",
-    "@testing-library/jest-dom": "6.9.1",
     "@types/eslint-plugin-jsx-a11y": "6.10.1",
     "@types/node": "25.1.0",
+    "@vitest/browser-playwright": "4.0.18",
     "@vitest/coverage-v8": "4.0.18",
     "eslint": "9.39.2",
     "eslint-config-prettier": "10.1.8",
@@ -35,6 +35,7 @@
     "eslint-plugin-solid": "0.14.5",
     "eslint-plugin-yml": "3.0.0",
     "happy-dom": "20.4.0",
+    "playwright": "1.58.0",
     "prettier": "3.8.1",
     "prettier-plugin-tailwindcss": "0.7.2",
     "tailwindcss": "4.1.18",
@@ -43,7 +44,8 @@
     "vite": "8.0.0-beta.10",
     "vite-plugin-checker": "0.12.0",
     "vite-plugin-solid": "2.11.10",
-    "vitest": "4.0.18"
+    "vitest": "4.0.18",
+    "vitest-browser-solid": "1.0.1"
   },
   "dependencies": {
     "solid-js": "1.9.11"