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

test("visuelle Prüfbilder für Desktop und Mobil", async ({ page }) => {
  await page.setViewportSize({ width: 1440, height: 1000 });
  await page.goto("/kernel-panic/");
  await page.screenshot({
    path: "/tmp/kernel-panic-start.png",
    fullPage: true
  });

  await page.getByRole("button", { name: /Kurslauf starten/ }).click();
  await page.screenshot({
    path: "/tmp/kernel-panic-mission-desktop.png",
    fullPage: true
  });

  await page.setViewportSize({ width: 390, height: 844 });
  await page.screenshot({
    path: "/tmp/kernel-panic-mission-mobile.png",
    fullPage: true
  });
});
