import { chromium, webkit } from "@playwright/test";

const BASE = "http://127.0.0.1:3100";
const OBJETIVOS = [
  { ruta: "/", nombre: "inicio", ancho: 1440, alto: 1000, completa: false },
  { ruta: "/", nombre: "inicio-movil", ancho: 375, alto: 900, completa: false, motor: "webkit" },
  { ruta: "/catalogo", nombre: "catalogo", ancho: 1440, alto: 1000, completa: false },
  { ruta: "/producto/enforcer-10", nombre: "producto", ancho: 1440, alto: 1400, completa: false },
  { ruta: "/soluciones/industria-energia", nombre: "solucion", ancho: 1440, alto: 1000, completa: false },
  { ruta: "/admin/login", nombre: "login", ancho: 1440, alto: 1000, completa: false },
];

for (const o of OBJETIVOS) {
  const motor = o.motor === "webkit" ? webkit : chromium;
  const nav = await motor.launch();
  const ctx = await nav.newContext({ viewport: { width: o.ancho, height: o.alto }, locale: "es-MX" });
  const pag = await ctx.newPage();
  await pag.goto(BASE + o.ruta, { waitUntil: "networkidle" });
  await pag.waitForTimeout(1200);
  await pag.screenshot({ path: `tests/reporte/vista/${o.nombre}.png`, fullPage: o.completa });
  console.log(`ok ${o.nombre} ${o.ancho}px ${o.motor ?? "chromium"}`);
  await nav.close();
}