test: add browser mode

Author: posva

package.json

@@ -30,6 +30,8 @@
     "postinstall": "simple-git-hooks"
   },
   "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/ui": "^3.2.4",
     "brotli": "^1.3.3",
@@ -40,13 +42,15 @@
     "lint-staged": "^15.5.2",
     "minimist": "^1.2.8",
     "p-series": "^3.0.0",
+    "playwright": "^1.56.0",
     "prettier": "^3.5.3",
     "semver": "^7.7.3",
     "simple-git-hooks": "^2.13.1",
     "typedoc": "^0.28.14",
     "typedoc-plugin-markdown": "^4.9.0",
     "typescript": "~5.9.3",
-    "vitest": "^3.2.4"
+    "vitest": "^3.2.4",
+    "vitest-browser-vue": "^1.1.0"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged",

packages/router/tsconfig.json

@@ -32,6 +32,6 @@
     "removeComments": false,
     "jsx": "preserve",
     "lib": ["esnext", "dom"],
-    "types": ["node", "vite/client"]
+    "types": ["node", "vite/client", "@vitest/browser/providers/playwright"]
   }
 }

packages/router/vitest.config.ts

@@ -36,5 +36,23 @@ export default defineConfig({
 
       // tsconfig: './tsconfig.typecheck.json',
     },
+    // projects: [
+    //   {
+    //     test: {
+    //       name: 'router:browser',
+    //       include: ['./__tests__/history/html5.spec.ts'],
+    //       browser: {
+    //         enabled: true,
+    //         provider: 'playwright',
+    //         // https://vitest.dev/guide/browser/playwright
+    //         instances: [
+    //           { browser: 'chromium' },
+    //           // { browser: 'firefox' },
+    //           // { browser: 'webkit' },
+    //         ],
+    //       },
+    //     },
+    //   },
+    // ],
   },
 })