fix: update E2E tests to use correct port configuration

src/demo/version-info.json

@@ -1,12 +1,12 @@
 {
   "version": "0.2.0-rc1",
   "git": {
-    "commitHash": "e16ce6c8d64221a5bb23fc22dda4bcb682282fff",
-    "shortHash": "e16ce6c",
-    "branch": "release/v0.2.0-rc1",
-    "commitDate": "2025-07-08 11:31:59 -0500",
+    "commitHash": "b1ba6bf2f6c13897f70b4bceb9bf94a459525d5e",
+    "shortHash": "b1ba6bf",
+    "branch": "release/v0.2.0-rc2",
+    "commitDate": "2025-07-09 18:27:31 -0500",
     "latestTag": "v0.1.1-rc1",
-    "commitsSinceTag": 20,
+    "commitsSinceTag": 31,
     "isDirty": true
   },
   "deployment": {
@@ -15,7 +15,7 @@
     "isMainBranch": false,
     "deployPath": "ag-grid-react-components"
   },
-  "buildTime": "2025-07-08T16:39:22.027Z",
-  "displayVersion": "v0.2.0-rc1+20",
-  "displayLabel": "release/v0.2.0-rc1"
+  "buildTime": "2025-07-10T01:19:16.359Z",
+  "displayVersion": "v0.2.0-rc1+31",
+  "displayLabel": "release/v0.2.0-rc2"
 }

src/tests/debug-infinite-loop.spec.ts

@@ -11,7 +11,7 @@ test.describe("Debug Infinite Loop", () => {
     });
 
     // Navigate to the demo page
-    await page.goto("http://localhost:5173/demo");
+    await page.goto("/demo");
 
     // Wait for the page to load
     await page.waitForSelector(".ag-root-wrapper", { timeout: 10000 });
@@ -79,7 +79,7 @@ test.describe("Debug Infinite Loop", () => {
 
   test("profile component renders", async ({ page }) => {
     // Enable performance profiling
-    await page.goto("http://localhost:5173/demo");
+    await page.goto("/demo");
 
     // Start profiling
     await page.evaluate(() => {

tests/e2e/demo-deployment.spec.ts

@@ -3,8 +3,12 @@ import { test, expect } from "@playwright/test";
 test.describe("Demo Deployment", () => {
   test.beforeEach(async ({ page }) => {
     // Get the demo URL from environment variable or use default
-    const demoUrl = process.env.DEMO_URL || "http://localhost:3000";
-    // Navigate to the demo page, not the landing page
+    // Use the same port as configured in playwright.config.ts
+    const PORT = process.env.E2E_PORT
+      ? parseInt(process.env.E2E_PORT, 10)
+      : 5173;
+    const demoUrl = process.env.DEMO_URL || `http://localhost:${PORT}`;
+    // Navigate to the demo page - the router supports both '/' and '/demo'
     const demoDashboardUrl = demoUrl.endsWith("/")
       ? `${demoUrl}demo`
       : `${demoUrl}/demo`;
@@ -107,7 +111,10 @@ test.describe("Demo Deployment", () => {
 // Deployment-specific tests
 test.describe("Deployment Validation", () => {
   test("should have correct base path for assets", async ({ page }) => {
-    const demoUrl = process.env.DEMO_URL || "http://localhost:3000";
+    const PORT = process.env.E2E_PORT
+      ? parseInt(process.env.E2E_PORT, 10)
+      : 5173;
+    const demoUrl = process.env.DEMO_URL || `http://localhost:${PORT}`;
 
     // Extract base path from URL
     const url = new URL(demoUrl);

tests/e2e/server-side-demo-fixed.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from "@playwright/test";
 
 test.describe("Server-Side Demo Fixed", () => {
   test.beforeEach(async ({ page }) => {
-    await page.goto("http://localhost:5173/demo");
+    await page.goto("/demo");
   });
 
   test("should switch to server-side tab without critical errors", async ({

tests/e2e/server-side-demo.spec.ts

@@ -2,7 +2,7 @@ import { test, expect } from "@playwright/test";
 
 test.describe("Server-Side Demo", () => {
   test.beforeEach(async ({ page }) => {
-    await page.goto("http://localhost:5173/demo");
+    await page.goto("/demo");
   });
 
   test("should switch to server-side tab without errors", async ({ page }) => {

tests/e2e/server-side-error.spec.ts

@@ -14,7 +14,7 @@ test("captures console errors when switching to server-side tab", async ({
   });
 
   // Navigate to demo page
-  await page.goto("http://localhost:5173/demo");
+  await page.goto("/demo");
 
   // Wait for initial page load
   await page.waitForLoadState("networkidle");