test(e2e-rsc): switch to playwrightModes and dynamic dist

Author: beaussan

e2e/react-start/rsc/.gitignore

@@ -13,6 +13,8 @@ yarn.lock
 /server/build
 /public/build
 /dist/
+/dist-vite-*/
+/dist-rsbuild-*/
 /test-results/
 /playwright-report/
 /blob-report/

e2e/react-start/rsc/package.json

@@ -8,12 +8,18 @@
     "dev:e2e": "vite dev --port $PORT",
     "build": "vite build && tsc --noEmit",
     "preview": "vite preview",
-    "start": "pnpx srvx --prod -s ../client dist/server/server.js",
+    "start": "pnpx srvx --prod -s ../client ${E2E_DIST_DIR:-dist}/server/server.js",
     "test:e2e-full": "pnpm build && sh -c 'rm -f \"port-${E2E_PORT_KEY:-$npm_package_name}.txt\" \"port-${E2E_PORT_KEY:-$npm_package_name}-external.txt\"' && playwright test --project=chromium"
   },
   "nx": {
     "metadata": {
-      "playwrightShards": 6
+      "playwrightModes": [
+        {
+          "toolchain": "vite",
+          "mode": "ssr",
+          "shards": 6
+        }
+      ]
     }
   },
   "dependencies": {

e2e/react-start/rsc/vite.config.ts

@@ -3,8 +3,13 @@ import { tanstackStart } from '@tanstack/react-start/plugin/vite'
 import viteReact from '@vitejs/plugin-react'
 import rsc from '@vitejs/plugin-rsc'
 
+const outDir = process.env.E2E_DIST_DIR ?? 'dist'
+
 export default defineConfig({
   resolve: { tsconfigPaths: true },
+  build: {
+    outDir,
+  },
   server: {
     port: 3000,
   },