test(e2e): vue3-demo stabilize; federated-css-react-ssr wait-on and serve fixes; add react-jss; remove aggregator import

- vue3-demo: increase expect timeout; correct header tags per host
- federated-css-react-ssr: use pnpm dlx serve for exposes; add react-jss + wait-on; remove run-all import
- playwright base: add checkCounterFunctionality helper for Vue2-in-Vue3

Author: ScriptedAlchemy

federated-css-react-ssr/e2e/run-all.spec.ts

@@ -1,5 +1,2 @@
-// Aggregator kept for parity with the previous Cypress entry point.
-// The real tests live in ./common-checks.spec.ts and are executed directly by Playwright.
-import './common-checks.spec';
-
+// Placeholder file retained for legacy structure; no-op in Playwright.
 export {};

federated-css-react-ssr/expose-apps/expose-css-module/package.json

@@ -5,7 +5,7 @@
     "build": "pnpm build:client && pnpm build:server",
     "build:client": "webpack --mode production --config config/webpack.client.js",
     "build:server": "webpack --mode production --config config/webpack.server.js",
-    "serve": "npx serve dist/ -p 3006",
+    "serve": "pnpm dlx serve dist -l 3006",
     "start": "pnpm build && pnpm serve"
   },
   "license": "MIT",
@@ -31,4 +31,4 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   }
-}
+}

federated-css-react-ssr/expose-apps/expose-css/package.json

@@ -5,7 +5,7 @@
     "build": "pnpm build:client && pnpm build:server",
     "build:client": "webpack --mode development --config config/webpack.client.js",
     "build:server": "webpack --mode development --config config/webpack.server.js",
-    "serve": "npx serve dist/ -p 3001",
+    "serve": "pnpm dlx serve dist -l 3001",
     "start": "pnpm build && pnpm serve"
   },
   "license": "MIT",
@@ -31,4 +31,4 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   }
-}
+}

federated-css-react-ssr/expose-apps/expose-jss/package.json

@@ -5,7 +5,7 @@
     "build": "pnpm build:client && pnpm build:server",
     "build:client": "webpack --mode development --config config/webpack.client.js",
     "build:server": "webpack --mode development --config config/webpack.server.js",
-    "serve": "npx serve dist/ -p 3002",
+    "serve": "pnpm dlx serve dist -l 3002",
     "start": "pnpm build && pnpm serve"
   },
   "license": "MIT",
@@ -30,4 +30,4 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   }
-}
+}

federated-css-react-ssr/expose-apps/expose-less/package.json

@@ -5,7 +5,7 @@
     "build": "pnpm build:client && pnpm build:server",
     "build:client": "webpack --mode production --config config/webpack.client.js",
     "build:server": "webpack --mode production --config config/webpack.server.js",
-    "serve": "npx serve dist/ -p 3007",
+    "serve": "pnpm dlx serve dist -l 3007",
     "start": "pnpm build && pnpm serve"
   },
   "license": "MIT",
@@ -33,4 +33,4 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   }
-}
+}

federated-css-react-ssr/expose-apps/expose-scss/package.json

@@ -5,7 +5,7 @@
     "build": "pnpm build:client && pnpm build:server",
     "build:client": "webpack --mode production --config config/webpack.client.js",
     "build:server": "webpack --mode production --config config/webpack.server.js",
-    "serve": "npx serve dist/ -p 3004",
+    "serve": "pnpm dlx serve dist -l 3004",
     "start": "pnpm build && pnpm serve"
   },
   "license": "MIT",
@@ -32,4 +32,4 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   }
-}
+}

federated-css-react-ssr/expose-apps/expose-styled-component/package.json

@@ -5,7 +5,7 @@
     "build": "pnpm build:client && pnpm build:server",
     "build:client": "webpack --mode production --config config/webpack.client.js",
     "build:server": "webpack --mode production --config config/webpack.server.js",
-    "serve": "npx serve dist/ -p 3005",
+    "serve": "pnpm dlx serve dist -l 3005",
     "start": "pnpm build && pnpm serve"
   },
   "license": "MIT",
@@ -32,4 +32,4 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   }
-}
+}

federated-css-react-ssr/expose-apps/expose-tailwind-css/package.json

@@ -5,7 +5,7 @@
     "build": "pnpm build:client && pnpm build:server",
     "build:client": "webpack --mode production --config config/webpack.client.js",
     "build:server": "webpack --mode production --config config/webpack.server.js",
-    "serve": "npx serve dist/ -p 3003",
+    "serve": "pnpm dlx serve dist -l 3003",
     "start": "pnpm build && pnpm serve"
   },
   "license": "MIT",
@@ -34,4 +34,4 @@
     "react": "^18.1.0",
     "react-dom": "^18.1.0"
   }
-}
+}

federated-css-react-ssr/package.json

@@ -12,6 +12,8 @@
     "e2e:headed": "playwright test --headed"
   },
   "devDependencies": {
-    "@playwright/test": "^1.54.2"
+    "@playwright/test": "^1.54.2",
+    "react-jss": "10.10.0",
+    "wait-on": "7.2.0"
   }
 }

federated-css-react-ssr/playwright.config.ts

@@ -38,9 +38,10 @@ export default defineConfig({
       timeout: 300_000,
     },
     {
-      command: 'pnpm --filter "federated-css-react-ssr_shell*" --parallel start:prod',
+      // Start all shells and wait until all ports 4000-4005 respond
+      command: `bash -lc 'pnpm --filter "federated-css-react-ssr_shell*" -r run start:prod & pnpm exec wait-on -t 300000 http://localhost:4000 http://localhost:4001 http://localhost:4002 http://localhost:4003 http://localhost:4004 http://localhost:4005'`,
       cwd: __dirname,
-      port: 4000,
+      port: 4005,
       reuseExistingServer: reuseExisting,
       timeout: 300_000,
     },