test(e2e): federated-css-react-ssr build+serve startup for exposes and shells with wait-on

Author: ScriptedAlchemy

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

@@ -31,15 +31,17 @@ export default defineConfig({
   ],
   webServer: [
     {
-      command: 'pnpm --filter "federated-css-react-ssr_expose-*" --parallel start',
+      command:
+        "bash -lc 'pnpm --filter "federated-css-react-ssr_expose-*" -r run build && pnpm --filter "federated-css-react-ssr_expose-*" -r run serve'",
       cwd: __dirname,
       port: 3001,
       reuseExistingServer: reuseExisting,
       timeout: 300_000,
     },
     {
       // 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'`,
+      command:
+        "bash -lc 'pnpm --filter "federated-css-react-ssr_shell*" -r run build && pnpm --filter "federated-css-react-ssr_shell*" -r run serve & 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: 4005,
       reuseExistingServer: reuseExisting,

vue3-demo/e2e/tests/layoutChecks.spec.ts

@@ -10,6 +10,12 @@ test.describe('Vue 3 Demo', () => {
     test.beforeEach(async ({ page }) => {
       basePage = new BaseMethods(page);
       await basePage.openLocalhost({ number: 3001 });
+      // Wait for layout to mount and remote component to render
+      await basePage.checkElementVisibility({ selector: selectors.vue3DemoApp.components.layout });
+      await basePage.checkElementVisibility({
+        parentSelector: selectors.vue3DemoApp.components.layout,
+        selector: selectors.vue3DemoApp.components.remote,
+      });
     });
 
     test('Checks page header with text visibility', async () => {