Add @vitest/browser-playwright

Author: acelaya

package.json

@@ -24,6 +24,7 @@
     "@tailwindcss/postcss": "^4.1.13",
     "@trivago/prettier-plugin-sort-imports": "^6.0.0",
     "@vitest/browser": "^4.0.8",
+    "@vitest/browser-playwright": "^4.0.8",
     "@vitest/coverage-istanbul": "^4.0.8",
     "@vitest/eslint-plugin": "^1.1.44",
     "axe-core": "^4.0.0",

vitest.config.js

@@ -1,4 +1,5 @@
 import { SummaryReporter } from '@hypothesis/frontend-testing/vitest';
+import { playwright } from '@vitest/browser-playwright';
 import { defineConfig } from 'vitest/config';
 
 import { excludeFromCoverage } from './rollup-tests.config.js';
@@ -9,7 +10,7 @@ export default defineConfig({
     reporters: [new SummaryReporter()],
 
     browser: {
-      provider: 'playwright',
+      provider: playwright(),
       enabled: true,
       headless: true,
       screenshotFailures: false,

yarn.lock

@@ -2138,6 +2138,7 @@ __metadata:
     "@tailwindcss/postcss": ^4.1.13
     "@trivago/prettier-plugin-sort-imports": ^6.0.0
     "@vitest/browser": ^4.0.8
+    "@vitest/browser-playwright": ^4.0.8
     "@vitest/coverage-istanbul": ^4.0.8
     "@vitest/eslint-plugin": ^1.1.44
     axe-core: ^4.0.0
@@ -3167,7 +3168,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vitest/browser@npm:^4.0.8":
+"@vitest/browser-playwright@npm:^4.0.8":
+  version: 4.0.8
+  resolution: "@vitest/browser-playwright@npm:4.0.8"
+  dependencies:
+    "@vitest/browser": 4.0.8
+    "@vitest/mocker": 4.0.8
+    tinyrainbow: ^3.0.3
+  peerDependencies:
+    playwright: "*"
+    vitest: 4.0.8
+  peerDependenciesMeta:
+    playwright:
+      optional: false
+  checksum: ae31e1c25b49c8303494bab436ed052f2043b48e60d8c6ea93362797e51aa04e92fd0702926d4221aeb4afab83ac23905a3441b7c8760597cc672680a56294d2
+  languageName: node
+  linkType: hard
+
+"@vitest/browser@npm:4.0.8, @vitest/browser@npm:^4.0.8":
   version: 4.0.8
   resolution: "@vitest/browser@npm:4.0.8"
   dependencies: