tests: Add unit tests running in the browser

.gitignore

@@ -12,6 +12,7 @@ dist
 dist-ssr
 *.local
 .temp
+**/__tests__/__screenshots__
 docs/.vitepress/dist
 docs/.vitepress/cache
 

package.json

@@ -12,19 +12,22 @@
     "test": "vitest run",
     "docs:dev": "typedoc && vitepress dev docs",
     "docs:build": "typedoc && vitepress build docs",
-    "docs:preview": "vitepress preview docs"
+    "docs:preview": "vitepress preview docs",
+    "test:browser": "vitest --workspace=vitest.workspace.ts"
   },
   "devDependencies": {
     "@internationalized/date": "^3.5.6",
     "@rollup/pluginutils": "^5.1.2",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@tailwindcss/typography": "^0.5.14",
+    "@testing-library/svelte": "^5.2.6",
     "@tsconfig/svelte": "^5.0.4",
     "@types/hast": "^3.0.4",
     "@types/lodash-es": "^4.17.12",
     "@types/mdast": "^4.0.4",
     "@types/mockjs": "^1.0.10",
     "@types/node": "^22.7.3",
+    "@vitest/browser": "^2.1.8",
     "@vitest/web-worker": "^2.1.2",
     "autoprefixer": "^10.4.20",
     "bits-ui": "1.0.0-next.51",
@@ -36,6 +39,7 @@
     "lucide-svelte": "^0.446.0",
     "mode-watcher": "^0.4.1",
     "paneforge": "1.0.0-next.1",
+    "playwright": "^1.49.0",
     "rollup-plugin-import-data-uri": "^1.0.2",
     "serialize-error": "^11.0.3",
     "svelte": "^5.0.0",
@@ -54,7 +58,8 @@
     "vite": "^5.4.4",
     "vitepress": "^1.3.4",
     "vitepress-plugin-twitter-card": "^0.1.0",
-    "vitest": "^2.1.1",
+    "vitest": "^2.1.8",
+    "vitest-browser-svelte": "^0.0.1",
     "zod": "^3.23.8"
   },
   "dependencies": {