feat: add Playwright webServer configurations for all advanced-api examples

- Add webServer configurations to Playwright configs to automatically start and manage dev servers
- This eliminates port conflicts and build loop issues by letting Playwright manage server lifecycle
- Update e2e:ci scripts to use simple 'npx playwright test' since servers are managed by Playwright
- Configure proper timeout (120s) and reuseExistingServer settings for CI environments

Examples updated:
- dynamic-remotes-runtime-environment-variables (ports 3000, 3001)
- automatic-vendor-sharing (ports 3001, 3002)
- dynamic-remotes-synchronous-imports (ports 3001, 3002)
- dynamic-remotes (ports 3001, 3002, 3003)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>

Author: ScriptedAlchemy

advanced-api/automatic-vendor-sharing/package.json

@@ -14,7 +14,7 @@
     "clean": "pnpm --filter automatic-vendor-sharing_app* --parallel clean",
     "legacy:start": "pnpm --filter automatic-vendor-sharing_app* --parallel legacy:start",
     "legacy:build": "pnpm --filter automatic-vendor-sharing_app* --parallel legacy:build",
-    "e2e:ci": "pnpm start & wait-on http-get://localhost:3001/ http-get://localhost:3002/ && npx playwright test",
+    "e2e:ci": "npx playwright test",
     "legacy:e2e:ci": "pnpm legacy:start & wait-on http-get://localhost:3001/ http-get://localhost:3002/ && npx playwright test"
   },
   "devDependencies": {

advanced-api/automatic-vendor-sharing/playwright.config.ts

@@ -29,6 +29,18 @@ export default defineConfig({
     },
   ],
 
-  // webServer configuration removed - servers are started manually in package.json scripts
-  // This ensures better compatibility with CI environments and matches the original Cypress approach
+  webServer: [
+    {
+      command: 'pnpm --filter automatic-vendor-sharing_app1 start',
+      port: 3001,
+      reuseExistingServer: !process.env.CI,
+      timeout: 120000,
+    },
+    {
+      command: 'pnpm --filter automatic-vendor-sharing_app2 start',
+      port: 3002,
+      reuseExistingServer: !process.env.CI,
+      timeout: 120000,
+    },
+  ],
 });

advanced-api/dynamic-remotes-runtime-environment-variables/package.json

@@ -15,7 +15,7 @@
     "docker:build": "pnpm --filter dynamic-remotes-runtime-environment-variables_* --parallel docker:build",
     "docker:run": "pnpm --filter dynamic-remotes-runtime-environment-variables_* --parallel docker:run",
     "docker:rm": "pnpm --filter dynamic-remotes-runtime-environment-variables_* --parallel docker:rm",
-    "e2e:ci": "pnpm start & wait-on http-get://localhost:3000/ http-get://localhost:3001/ && npx playwright test",
+    "e2e:ci": "npx playwright test",
     "legacy:e2e:ci": "pnpm legacy:start & wait-on http-get://localhost:3000/ http-get://localhost:3001/ && npx playwright test"
   },
   "devDependencies": {

advanced-api/dynamic-remotes-runtime-environment-variables/playwright.config.ts

@@ -29,6 +29,18 @@ export default defineConfig({
     },
   ],
 
-  // webServer configuration removed - servers are started manually in package.json scripts
-  // This ensures better compatibility with CI environments and matches the original Cypress approach
+  webServer: [
+    {
+      command: 'pnpm --filter dynamic-remotes-runtime-environment-variables_host start',
+      port: 3000,
+      reuseExistingServer: !process.env.CI,
+      timeout: 120000,
+    },
+    {
+      command: 'pnpm --filter dynamic-remotes-runtime-environment-variables_remote start',
+      port: 3001,
+      reuseExistingServer: !process.env.CI,
+      timeout: 120000,
+    },
+  ],
 });

advanced-api/dynamic-remotes-synchronous-imports/package.json

@@ -11,7 +11,7 @@
     "build": "pnpm --filter dynamic-remotes-synchronous-imports_app* --parallel build",
     "serve": "pnpm --filter dynamic-remotes-synchronous-imports_app* --parallel serve",
     "clean": "pnpm --filter dynamic-remotes-synchronous-imports_app* --parallel clean",
-    "e2e:ci": "pnpm start & wait-on http-get://localhost:3001/ http-get://localhost:3002/ && pnpm exec playwright test"
+    "e2e:ci": "npx playwright test"
   },
   "devDependencies": {
     "@playwright/test": "^1.54.2",

advanced-api/dynamic-remotes-synchronous-imports/playwright.config.ts

@@ -29,6 +29,18 @@ export default defineConfig({
     },
   ],
 
-  // webServer configuration removed - servers are started manually in package.json scripts
-  // This ensures better compatibility with CI environments and matches the original Cypress approach
+  webServer: [
+    {
+      command: 'pnpm --filter dynamic-remotes-synchronous-imports_app1 start',
+      port: 3001,
+      reuseExistingServer: !process.env.CI,
+      timeout: 120000,
+    },
+    {
+      command: 'pnpm --filter dynamic-remotes-synchronous-imports_app2 start',
+      port: 3002,
+      reuseExistingServer: !process.env.CI,
+      timeout: 120000,
+    },
+  ],
 });

advanced-api/dynamic-remotes/package.json

@@ -17,7 +17,7 @@
     "test:e2e": "npx playwright test",
     "test:e2e:ui": "npx playwright test --ui",
     "test:e2e:debug": "npx playwright test --debug",
-    "e2e:ci": "pnpm start & sleep 5 && wait-on tcp:3001 tcp:3002 tcp:3003 && npx playwright test --reporter=list; kill $(jobs -p) 2>/dev/null || true",
+    "e2e:ci": "npx playwright test --reporter=list",
     "legacy:e2e:ci": "pnpm legacy:start & sleep 5 && wait-on tcp:3001 tcp:3002 tcp:3003 && LEGACY_MODE=true npx playwright test --reporter=list; kill $(jobs -p) 2>/dev/null || true"
   },
   "devDependencies": {

advanced-api/dynamic-remotes/playwright.config.ts

@@ -29,6 +29,24 @@ export default defineConfig({
     },
   ],
 
-  // webServer configuration removed - servers are started manually in package.json scripts
-  // This ensures better compatibility with CI environments and matches the original Cypress approach
+  webServer: [
+    {
+      command: 'pnpm --filter dynamic-remotes_app1 start',
+      port: 3001,
+      reuseExistingServer: !process.env.CI,
+      timeout: 120000,
+    },
+    {
+      command: 'pnpm --filter dynamic-remotes_app2 start',
+      port: 3002,
+      reuseExistingServer: !process.env.CI,
+      timeout: 120000,
+    },
+    {
+      command: 'pnpm --filter dynamic-remotes_app3 start',
+      port: 3003,
+      reuseExistingServer: !process.env.CI,
+      timeout: 120000,
+    },
+  ],
 });