chore: set up vitest browser mode with playwright

Author: joaquin-diaz

package-lock.json

@@ -22,10 +22,11 @@
     "@biomejs/biome": "2.3.2",
     "@commitlint/cli": "20.1.0",
     "@commitlint/config-conventional": "20.0.0",
-    "lefthook": "2.0.2",
     "@types/jsdom": "^27.0.0",
+    "@vitest/browser-playwright": "^4.0.1",
     "jsdom": "^27.0.1",
-    "vitest": "4.0.1"
+    "lefthook": "2.0.2",
+    "vitest": "^4.0.1"
   },
   "peerDependencies": {
     "typescript": "5.9.3"

package.json

@@ -15,6 +15,7 @@
  */
 
 import path from 'node:path';
+import { playwright } from '@vitest/browser-playwright';
 import { defineConfig } from 'vitest/config';
 
 export default defineConfig({
@@ -29,6 +30,12 @@ export default defineConfig({
   test: {
     environment: 'jsdom',
     globals: true,
+    browser: {
+      provider: playwright(),
+      enabled: true,
+      headless: true,
+      instances: [{ browser: 'chromium' }],
+    },
     coverage: {
       provider: 'v8',
       reporter: ['text', 'json', 'html'],