Welcome and sign-in now show the same animated wordmark as the sidebar header
("ev" plus the Oo eyes) instead of the teal face. The welcome tagline, subline and
buttons drop to the shared title and body sizes.
Claude-Session: https://claude.ai/code/session_01Tgvrj34NMnaqvtgvruYQZZ
Co-authored-by: Claude <noreply@anthropic.com>
18 lines
803 B
TypeScript
18 lines
803 B
TypeScript
import { expect, test } from "@playwright/test";
|
|
import { captureScreenshot } from "./helpers";
|
|
|
|
test("the welcome and sign-in screens carry the evOo wordmark from the header", async ({
|
|
page,
|
|
}, testInfo) => {
|
|
await page.setViewportSize({ width: 390, height: 844 });
|
|
for (const scheme of ["dark", "light"] as const) {
|
|
await page.emulateMedia({ colorScheme: scheme });
|
|
await page.goto("/", { waitUntil: "domcontentloaded" });
|
|
await expect(page.locator(".evoo-mascot-container")).toBeVisible();
|
|
await captureScreenshot(page, testInfo, `phone-welcome-${scheme}`);
|
|
await page.goto("/sign-in", { waitUntil: "domcontentloaded" });
|
|
await expect(page.locator(".evoo-mascot-container")).toBeVisible();
|
|
await captureScreenshot(page, testInfo, `phone-sign-in-${scheme}`);
|
|
}
|
|
});
|