chore(deps-dev): bump vitest and @vitest/browser-playwright to 5.0.3 in /frontend (#1062)

* chore(deps-dev): bump vitest from 4.1.11 to 5.0.1 in /frontend

Bumps [vitest](https://github.com/vitest-dev/vitest/tree/HEAD/packages/vitest) from 4.1.11 to 5.0.1.
- [Release notes](https://github.com/vitest-dev/vitest/releases)
- [Changelog](https://github.com/vitest-dev/vitest/blob/main/docs/releases.md)
- [Commits](https://github.com/vitest-dev/vitest/commits/v5.0.1/packages/vitest)

---
updated-dependencies:
- dependency-name: vitest
  dependency-version: 5.0.1
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix(frontend): run vitest 5 browser tests on React dev build

Bump @vitest/browser-playwright alongside vitest; mixed versions fail to start.

* chore(deps): group vitest packages in dependabot

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Eetu Sutinen <eetu.sutinen@gmail.com>

Author: dependabot[bot]

.github/dependabot.yaml

@@ -18,6 +18,11 @@ updates:
           - "react"
           - "react-dom"
           - "@types/react"
+      # vitest refuses to run with mismatched @vitest/* versions
+      vitest:
+        patterns:
+          - "vitest"
+          - "@vitest/*"
       minor-and-patch:
         update-types:
           - "minor"

frontend/.gitignore

@@ -20,7 +20,7 @@ yarn-error.log*
 test-results
 playwright-report
 __screenshots__
-.vitest-attachments
+.vitest*
 
 # local env files
 .env*

frontend/package.json

@@ -39,7 +39,7 @@
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@vitejs/plugin-react": "^6.1.1",
-    "@vitest/browser-playwright": "^4.1.11",
+    "@vitest/browser-playwright": "^5.0.3",
     "babel-plugin-react-compiler": "^1.0.0",
     "eslint": "^10.11.0",
     "playwright": "^1.63.0",
@@ -50,7 +50,7 @@
     "vite": "^8.3.1",
     "vite-plugin-qrcode": "^0.4.1",
     "vite-tsconfig-paths": "^6.1.1",
-    "vitest": "^4.1.11",
+    "vitest": "^5.0.3",
     "vitest-browser-react": "^2.3.0"
   },
   "packageManager": "yarn@4.18.0"

frontend/vitest.config.ts

@@ -25,6 +25,14 @@ export default mergeConfig(
         },
         {
           // Browser tests for React components
+          // Vitest keeps process.env in pre-bundled deps, so both of React's
+          // CJS builds get bundled and rolldown inlines the production build's
+          // `jsxDEV = void 0`. Pin the dev build (vitest-dev/vitest#11265).
+          optimizeDeps: {
+            rolldownOptions: {
+              transform: { define: { "process.env.NODE_ENV": JSON.stringify("development") } },
+            },
+          },
           test: {
             name: "browser",
             globals: true,