diff --git a/apps/landing/src/components/Logo.tsx b/apps/landing/src/components/Logo.tsx index d3095c76..e0fe2276 100644 --- a/apps/landing/src/components/Logo.tsx +++ b/apps/landing/src/components/Logo.tsx @@ -4,9 +4,9 @@ import { LogoText } from './LogoText' export function Logo() { return ( - + -
+
diff --git a/apps/landing/src/components/LogoText.tsx b/apps/landing/src/components/LogoText.tsx index c84000be..1b547ecd 100644 --- a/apps/landing/src/components/LogoText.tsx +++ b/apps/landing/src/components/LogoText.tsx @@ -8,34 +8,34 @@ export function LogoText() { })} fill="none" height="100%" - viewBox="0 0 138 42" + viewBox="0 0 121 28" xmlns="http://www.w3.org/2000/svg" > - + ) } diff --git a/e2e/docs-pages.spec.ts-snapshots/docs-features-section-mobile-linux.png b/e2e/docs-pages.spec.ts-snapshots/docs-features-section-mobile-linux.png index 90621dd6..5a63d6fb 100644 Binary files a/e2e/docs-pages.spec.ts-snapshots/docs-features-section-mobile-linux.png and b/e2e/docs-pages.spec.ts-snapshots/docs-features-section-mobile-linux.png differ diff --git a/e2e/landing-header.spec.ts b/e2e/landing-header.spec.ts index 2164e94f..08c34d1f 100644 --- a/e2e/landing-header.spec.ts +++ b/e2e/landing-header.spec.ts @@ -68,6 +68,36 @@ test.describe('Landing Page - Header & Navigation', () => { const logoLink = page.locator('a[href="/"]').first() await expect(logoLink).toHaveAttribute('href', '/') }) + + test('logo uses the approved wordmark in both themes', async ({ page }) => { + await page.setViewportSize({ width: 1440, height: 900 }) + await page.goto('/') + await page.waitForLoadState('networkidle') + + const logoLink = page.locator('a[href="/"]').first() + const wordmark = logoLink.locator('svg[viewBox="0 0 121 28"]') + await expect(wordmark).toBeVisible() + await expect(wordmark.locator('path')).toHaveCount(7) + + const logoBox = await logoLink.boundingBox() + const wordmarkBox = await wordmark.boundingBox() + expect(logoBox && [logoBox.width, logoBox.height]).toEqual([175, 42]) + expect(wordmarkBox && [wordmarkBox.width, wordmarkBox.height]).toEqual([ + 121, 28, + ]) + + const lightColor = await wordmark.evaluate((element) => { + document.documentElement.setAttribute('data-theme', 'light') + return getComputedStyle(element).color + }) + expect(lightColor).toBe('rgb(47, 47, 47)') + + await page.evaluate(() => + document.documentElement.setAttribute('data-theme', 'dark'), + ) + await waitForStyleSettle(page) + await expect(wordmark).toHaveCSS('color', 'rgb(237, 237, 237)') + }) }) test.describe('External links', () => { diff --git a/e2e/landing-visual.spec.ts-snapshots/section-bench-linux.png b/e2e/landing-visual.spec.ts-snapshots/section-bench-linux.png index c3a845e3..3e4c5b00 100644 Binary files a/e2e/landing-visual.spec.ts-snapshots/section-bench-linux.png and b/e2e/landing-visual.spec.ts-snapshots/section-bench-linux.png differ