Update homepage routes to include language and mode

apps/homepage/tests/visual/component-system.visual.spec.ts

@@ -12,7 +12,7 @@ for (const scenario of [
       scenario.theme,
     );
     await page.setViewportSize({ width: scenario.width, height: scenario.height });
-    await page.goto(`/${scenario.locale}/component-lab`);
+    await page.goto(`/${scenario.locale}/${scenario.theme}/component-lab`);
     await expect(page).toHaveScreenshot(
       `component-system-${scenario.locale}-${scenario.theme}-${scenario.width}.png`,
       { fullPage: true },

apps/homepage/tests/visual/homepage.visual.spec.ts

@@ -24,7 +24,7 @@ for (const scenario of scenarios) {
         sameSite: 'Lax',
       },
     ]);
-    await page.goto(`/${scenario.locale}`);
+    await page.goto(`/${scenario.locale}/${scenario.theme}`);
     await expect(page).toHaveScreenshot(`${scenario.name}.png`, { fullPage: true });
   });
 }

apps/homepage/tests/visual/integrations.visual.spec.ts

@@ -12,7 +12,7 @@ for (const scenario of [
   }) => {
     test.skip(test.info().project.name !== 'chromium', 'Canonical visual baselines use Chromium.');
     await page.emulateMedia({ colorScheme: scenario.theme });
-    await page.goto(`/${scenario.locale}`);
+    await page.goto(`/${scenario.locale}/${scenario.theme}`);
     await page.locator('main button[data-demo-source="hero"]').click();
     const dialog = page.getByRole('dialog');
     await expect(dialog).toHaveScreenshot(`demo-${scenario.locale}-${scenario.theme}-initial.png`);

apps/homepage/tests/visual/shell.visual.spec.ts

@@ -31,7 +31,7 @@ for (const scenario of scenarios) {
         sameSite: 'Lax',
       },
     ]);
-    await page.goto(`/${scenario.locale}`);
+    await page.goto(`/${scenario.locale}/${scenario.theme}`);
     await expect(page).toHaveScreenshot(`${scenario.name}.png`, { fullPage: true });
   });
 }
@@ -49,7 +49,7 @@ test('mobile navigation open baseline', async ({ page }) => {
       sameSite: 'Lax',
     },
   ]);
-  await page.goto('/ar');
+  await page.goto('/ar/dark');
   await page.getByRole('button', { name: 'فتح قائمة التنقل' }).click();
   await expect(page).toHaveScreenshot('mobile-ar-dark-navigation-open.png', { fullPage: true });
 });
@@ -57,7 +57,7 @@ test('mobile navigation open baseline', async ({ page }) => {
 test('keyboard focus baseline', async ({ page }) => {
   test.skip(test.info().project.name !== 'chromium');
   await page.setViewportSize({ width: 1440, height: 900 });
-  await page.goto('/en');
+  await page.goto('/en/light');
   await page.keyboard.press('Tab');
   await expect(page).toHaveScreenshot('desktop-en-light-focus.png', { fullPage: true });
 });