redesign the homepage

2026-06-26 16:27:21 -04:00
parent 256ff0814e
commit d7fb7b7a7b
1030 changed files with 107374 additions and 2657 deletions
@@ -0,0 +1,21 @@
+import { expect, test } from '@playwright/test';
+
+for (const scenario of [
+  { locale: 'en', theme: 'light', width: 1440, height: 1200 },
+  { locale: 'fr', theme: 'dark', width: 1024, height: 1200 },
+  { locale: 'ar', theme: 'dark', width: 390, height: 1200 },
+] as const) {
+  test(`${scenario.locale}-${scenario.theme} component matrix`, async ({ page }) => {
+    test.skip(test.info().project.name !== 'chromium', 'Canonical visual baselines use Chromium.');
+    await page.addInitScript(
+      (theme) => localStorage.setItem('hpc.theme.preference', theme),
+      scenario.theme,
+    );
+    await page.setViewportSize({ width: scenario.width, height: scenario.height });
+    await page.goto(`/${scenario.locale}/component-lab`);
+    await expect(page).toHaveScreenshot(
+      `component-system-${scenario.locale}-${scenario.theme}-${scenario.width}.png`,
+      { fullPage: true },
+    );
+  });
+}