fix: update E2E tests to use CONSOLE_BASE for consistent routing

Author: hotlong

e2e/console-rendering.spec.ts

@@ -1,5 +1,5 @@
 import { test, expect } from '@playwright/test';
-import { waitForReactMount } from './helpers';
+import { waitForReactMount, CONSOLE_BASE } from './helpers';
 
 /**
  * Console rendering & navigation E2E tests.
@@ -35,7 +35,7 @@ test.describe('Console Rendering', () => {
       }
     });
 
-    await page.goto('/');
+    await page.goto(`${CONSOLE_BASE}/`);
     await waitForReactMount(page);
 
     expect(
@@ -45,7 +45,7 @@ test.describe('Console Rendering', () => {
   });
 
   test('should resolve client-side routes without blank content', async ({ page }) => {
-    await page.goto('/');
+    await page.goto(`${CONSOLE_BASE}/`);
     await waitForReactMount(page);
 
     // After routing, the page should have meaningful DOM content
@@ -56,7 +56,7 @@ test.describe('Console Rendering', () => {
   test('should serve index.html for SPA fallback routes', async ({ page }) => {
     // Vercel blank-page issues often stem from missing SPA rewrites.
     // Navigate to a deep route — the server must return index.html (not 404).
-    const response = await page.goto('/apps/default/some-object');
+    const response = await page.goto(`${CONSOLE_BASE}/apps/default/some-object`);
     expect(response?.status(), 'Deep route returned non-200 status').toBeLessThan(400);
 
     await waitForReactMount(page);
@@ -70,7 +70,7 @@ test.describe('Console Rendering', () => {
   test('should include the MSW service worker in the build output', async ({ page }) => {
     // The mock server requires mockServiceWorker.js to be served from /public.
     // If it's missing, the app may hang during bootstrap.
-    const response = await page.request.get('/mockServiceWorker.js');
+    const response = await page.request.get(`${CONSOLE_BASE}/mockServiceWorker.js`);
 
     // In production builds without MSW, 404 is acceptable.
     // But if the build includes it, it must be valid JS.

e2e/helpers/index.ts

@@ -1,5 +1,11 @@
 import type { Page } from '@playwright/test';
 
+/**
+ * Base path for the console app.
+ * Matches `base` in `apps/console/vite.config.ts` (defaults to '/console/').
+ */
+export const CONSOLE_BASE = '/console';
+
 /** Wait for React to mount (at least one child inside #root). */
 export async function waitForReactMount(page: Page) {
   await page.waitForFunction(

e2e/mobile-viewport.spec.ts

@@ -1,5 +1,5 @@
 import { test, expect, devices } from '@playwright/test';
-import { waitForReactMount } from './helpers';
+import { waitForReactMount, CONSOLE_BASE } from './helpers';
 
 /**
  * P5.5 Mobile viewport tests for the Console app.
@@ -38,14 +38,14 @@ test.describe('P5.5 Mobile Viewport Tests', () => {
         const errors: string[] = [];
         page.on('pageerror', (err) => errors.push(err.message));
 
-        await page.goto('/');
+        await page.goto(`${CONSOLE_BASE}/`);
         await waitForReactMount(page);
 
         expect(errors, 'Uncaught JS errors on mobile viewport').toEqual([]);
       });
 
       test('should render meaningful content (no blank page)', async ({ page }) => {
-        await page.goto('/');
+        await page.goto(`${CONSOLE_BASE}/`);
         await waitForReactMount(page);
 
         const root = page.locator('#root');
@@ -55,19 +55,19 @@ test.describe('P5.5 Mobile Viewport Tests', () => {
       });
 
       test('should have viewport meta tag with viewport-fit=cover', async ({ page }) => {
-        await page.goto('/');
+        await page.goto(`${CONSOLE_BASE}/`);
         const meta = page.locator('meta[name="viewport"]');
         await expect(meta).toHaveAttribute('content', /viewport-fit=cover/);
       });
 
       test('should have PWA manifest link', async ({ page }) => {
-        await page.goto('/');
+        await page.goto(`${CONSOLE_BASE}/`);
         const manifestLink = page.locator('link[rel="manifest"]');
         await expect(manifestLink).toBeAttached();
       });
 
       test('should not have horizontal overflow', async ({ page }) => {
-        await page.goto('/');
+        await page.goto(`${CONSOLE_BASE}/`);
         await waitForReactMount(page);
 
         const hasOverflow = await page.evaluate(() => {
@@ -77,7 +77,7 @@ test.describe('P5.5 Mobile Viewport Tests', () => {
       });
 
       test('should have touch targets ≥ 44px for interactive elements', async ({ page }) => {
-        await page.goto('/');
+        await page.goto(`${CONSOLE_BASE}/`);
         await waitForReactMount(page);
 
         // Check all visible buttons have reasonable touch target size

e2e/smoke.spec.ts

@@ -1,5 +1,5 @@
 import { test, expect } from '@playwright/test';
-import { waitForReactMount } from './helpers';
+import { waitForReactMount, CONSOLE_BASE } from './helpers';
 
 /**
  * Smoke tests for the console production build.
@@ -18,15 +18,15 @@ test.describe('Console App – Smoke', () => {
     const errors: string[] = [];
     page.on('pageerror', (err) => errors.push(err.message));
 
-    await page.goto('/');
+    await page.goto(`${CONSOLE_BASE}/`);
     await waitForReactMount(page);
 
     // The page must not have thrown any uncaught exceptions
     expect(errors, 'Uncaught JS errors during page load').toEqual([]);
   });
 
   test('should render React content inside #root', async ({ page }) => {
-    await page.goto('/');
+    await page.goto(`${CONSOLE_BASE}/`);
     await waitForReactMount(page);
 
     // #root must exist and have child elements (React mounted successfully)
@@ -37,7 +37,7 @@ test.describe('Console App – Smoke', () => {
   });
 
   test('should not show a blank page (meaningful text rendered)', async ({ page }) => {
-    await page.goto('/');
+    await page.goto(`${CONSOLE_BASE}/`);
     await waitForReactMount(page);
 
     // Wait for visible text to appear (SPA may still be rendering after mount)
@@ -64,19 +64,19 @@ test.describe('Console App – Smoke', () => {
       }
     });
 
-    await page.goto('/');
+    await page.goto(`${CONSOLE_BASE}/`);
     await page.waitForLoadState('networkidle');
 
     expect(failedAssets, 'Critical assets returned HTTP errors').toEqual([]);
   });
 
   test('should have correct page title', async ({ page }) => {
-    await page.goto('/');
+    await page.goto(`${CONSOLE_BASE}/`);
     await expect(page).toHaveTitle(/ObjectStack|ObjectUI|Console/i);
   });
 
   test('should show the app shell or loading screen', async ({ page }) => {
-    await page.goto('/');
+    await page.goto(`${CONSOLE_BASE}/`);
 
     // Either the app shell (nav / sidebar) or the loading screen should appear
     // within a reasonable time. Both are acceptable initial states.

e2e/view-workflows.spec.ts

@@ -1,5 +1,5 @@
 import { test, expect } from '@playwright/test';
-import { waitForReactMount } from './helpers';
+import { waitForReactMount, CONSOLE_BASE } from './helpers';
 
 /**
  * Critical view workflow E2E tests.
@@ -15,7 +15,7 @@ import { waitForReactMount } from './helpers';
  */
 
 /** Base path for the default app — mirrors route: /apps/:appName/:objectName */
-const APP_BASE = '/apps/default';
+const APP_BASE = `${CONSOLE_BASE}/apps/default`;
 
 /**
  * Waits for the app shell to be fully interactive (sidebar or main nav visible).

examples/hotcrm

@@ -63,7 +63,7 @@ export default defineConfig({
    */
   webServer: {
     command: 'pnpm turbo run build --filter=@object-ui/console && pnpm --filter @object-ui/console preview --port 4173',
-    url: 'http://localhost:4173',
+    url: 'http://localhost:4173/console/',
     reuseExistingServer: !process.env.CI,
     timeout: 180 * 1000,
   },