import { expect, test } from "@playwright/test";
import { captureScreenshot } from "./helpers";

test("the welcome and sign-in screens carry the same evOo logo", 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.getByText("evOo", { exact: true })).toBeVisible();
    await expect(page.locator('img[src="/evoo-logo.svg"]')).toBeVisible();
    await captureScreenshot(page, testInfo, `phone-welcome-${scheme}`);
    await page.goto("/sign-in", { waitUntil: "domcontentloaded" });
    await expect(page.locator('img[src="/evoo-logo.svg"]')).toBeVisible();
    await captureScreenshot(page, testInfo, `phone-sign-in-${scheme}`);
  }
});