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

const OUT = "../artifacts/evidence/screenshots";

test("capture current recruiter-facing evidence", async ({ page, request }) => {
  await request.post("/api/v1/demo/login", { data: { role: "operations_manager" } });
  await request.post("/api/v1/demo/reset");

  await page.goto("/login");
  await expect(page.getByRole("heading", { name: "Elke overdracht. Eén helder overzicht." })).toBeVisible();
  await page.waitForTimeout(500);
  await page.screenshot({ path: `${OUT}/1-login.png`, fullPage: true });

  await page.getByRole("button", { name: "Bekijk de highlights in 90 seconden" }).click();
  await expect(page).toHaveURL(/\/highlights$/);
  await page.waitForTimeout(500);
  await page.screenshot({ path: `${OUT}/2-highlights.png`, fullPage: true });

  await page.goto("/about");
  await expect(page.getByRole("heading", { name: "Controle, betrouwbaarheid en uitlegbaarheid" }).first()).toBeVisible();
  await page.waitForTimeout(500);
  await page.screenshot({ path: `${OUT}/3-engineering-story.png`, fullPage: true });

  await page.goto("/dashboard");
  await expect(page.getByRole("heading", { name: "Wagenparkstatus" })).toBeVisible();
  await page.waitForTimeout(500);
  await page.screenshot({ path: `${OUT}/4-dashboard.png`, fullPage: true });

  await page.goto("/knowledge");
  await page.getByRole("button", { name: "Wat moet ik doen wanneer een voertuig terugkomt met schade?" }).click();
  await expect(page.getByText("Onderbouwd met geciteerde procedures")).toBeVisible({ timeout: 15_000 });
  await page.waitForTimeout(500);
  await page.screenshot({ path: `${OUT}/5-knowledge-evidence.png`, fullPage: true });

  await page.setViewportSize({ width: 390, height: 844 });
  await page.goto("/highlights");
  await expect(page.locator(".highlight-card").first()).toBeVisible();
  await page.waitForTimeout(500);
  await page.screenshot({ path: `${OUT}/6-highlights-mobile.png` });
});