fix: improve port cleanup and increase timeouts for federated-css tests

- Enhanced port cleanup in federated-css with multiple retry attempts
- Increased prewarm timeout from 120s to 300s in federated-css-react-ssr
- Added more robust port killing with delays to ensure ports are fully released

These changes address CI failures due to port conflicts and timeout issues
when running tests in resource-constrained CI environments.

Author: ScriptedAlchemy

federated-css-react-ssr/shell-apps/css-jss/server/index.js

@@ -5,7 +5,7 @@ const fetch = require('node-fetch');
 const app = express();
 const PORT = 4000;
 
-async function waitUrl(url, timeout = 120000) {
+async function waitUrl(url, timeout = 300000) {
   const start = Date.now();
   // Retry until the remoteEntry.js is available over HTTP
   /* eslint-disable no-await-in-loop */

federated-css-react-ssr/shell-apps/css-scss/server/index.js

@@ -5,7 +5,7 @@ const fetch = require('node-fetch');
 const app = express();
 const PORT = 4001;
 
-async function waitUrl(url, timeout = 120000) {
+async function waitUrl(url, timeout = 300000) {
   const start = Date.now();
   while (true) {
     try {

federated-css-react-ssr/shell-apps/jss-styled-components-css-module/server/index.js

@@ -5,7 +5,7 @@ const fetch = require('node-fetch');
 const app = express();
 const PORT = 4003;
 
-async function waitUrl(url, timeout = 120000) {
+async function waitUrl(url, timeout = 300000) {
   const start = Date.now();
   while (true) {
     try {

federated-css-react-ssr/shell-apps/jss-styled-components/server/index.js

@@ -5,7 +5,7 @@ const fetch = require('node-fetch');
 const app = express();
 const PORT = 4002;
 
-async function waitUrl(url, timeout = 120000) {
+async function waitUrl(url, timeout = 300000) {
   const start = Date.now();
   while (true) {
     try {

federated-css-react-ssr/shell-apps/less-scss/server/index.js

@@ -5,7 +5,7 @@ const fetch = require('node-fetch');
 const app = express();
 const PORT = 4004;
 
-async function waitUrl(url, timeout = 120000) {
+async function waitUrl(url, timeout = 300000) {
   const start = Date.now();
   while (true) {
     try {

federated-css-react-ssr/shell-apps/scss-tailwind-css/server/index.js

@@ -5,7 +5,7 @@ const fetch = require('node-fetch');
 const app = express();
 const PORT = 4005;
 
-async function waitUrl(url, timeout = 120000) {
+async function waitUrl(url, timeout = 300000) {
   const start = Date.now();
   while (true) {
     try {

federated-css/scripts/start-all.cjs

@@ -122,7 +122,15 @@ async function main() {
     // Extra cleanup for each Next.js port in case previous one didn't clean up properly
     console.log(`[federated-css] cleaning up port ${port} before starting ${dir}...`);
     await killPort(port);
-    await new Promise(resolve => setTimeout(resolve, 2000)); // Longer delay to ensure port is released
+    // Try multiple times to ensure port is really free
+    for (let i = 0; i < 3; i++) {
+      try {
+        await killPort(port);
+      } catch (e) {
+        // Ignore, port might already be free
+      }
+      await new Promise(resolve => setTimeout(resolve, 1000));
+    }
     const cwd = path.join('consumers-nextjs', dir);
     const p = run('pnpm', ['-C', cwd, 'run', 'start']);
     procs.push(p);