import assert from "node:assert/strict";
import { pathToFileURL } from "node:url";
const { chromium } = await import(pathToFileURL(process.env.PLAYWRIGHT_MODULE).href);
const browser = await chromium.launch({ executablePath: "/usr/bin/google-chrome", headless: true, args: ["--disable-gpu"] });
const page = await browser.newPage({ viewport: { width: 390, height: 844 } });
const errors = [];
page.on("pageerror", (error) => errors.push(error.message));
const button = (id) => page.locator(`[data-axis-control="${id}"]`);
try {
  await page.goto(process.env.XYZAC_PANEL_URL ?? "http://127.0.0.1:5175/");
  await page.waitForFunction(() => document.querySelector("main")?.dataset.axisProgramLoading === "false");
  await button("workspace-load-3d-chips").click();
  await page.waitForFunction(() => document.querySelector("main")?.dataset.axisProgramPath === "linuxcnc/nc_files/3D_Chips.ngc" && document.querySelector("main")?.dataset.axisProgramLoading === "false");
  const dimensions = [];
  for (const width of [390, 768, 1440]) {
    await page.setViewportSize({ width, height: width === 1440 ? 1000 : 844 });
    await page.waitForTimeout(150);
    const size = await page.evaluate(() => {
      const editor = document.querySelector("#axis-program");
      return { width: innerWidth, pageWidth: document.documentElement.scrollWidth, pageHeight: document.documentElement.scrollHeight, editorHeight: editor.clientHeight, editorScrollHeight: editor.scrollHeight, renderedLines: document.querySelectorAll(".program-gutter span").length };
    });
    assert.ok(size.pageWidth <= width + 1 && size.pageHeight < 5000, JSON.stringify(size));
    assert.ok(size.editorHeight > 180 && size.editorHeight < 700 && size.editorScrollHeight > 80000, JSON.stringify(size));
    assert.ok(size.renderedLines < 100, JSON.stringify(size));
    await button("program-editor").evaluate((editor) => { editor.scrollTop = editor.scrollHeight; editor.dispatchEvent(new Event("scroll")); });
    await page.waitForTimeout(100);
    assert.ok((await page.locator(".program-gutter span").last().textContent()).includes("4712"));
    await button("program-editor").evaluate((editor) => { editor.scrollTop = 0; editor.dispatchEvent(new Event("scroll")); });
    dimensions.push(size);
  }
  await page.setViewportSize({ width: 390, height: 844 });
  await button("toolbar-power").click(); await button("manual-home-all").click(); await button("toolbar-run").click();
  await page.waitForFunction(() => document.querySelector("main")?.dataset.axisProgramStatus === "running");
  const tick = () => page.locator("[data-xyzac-preview]").getAttribute("data-xyzac-tick").then(Number);
  const start = await tick(); const wall = performance.now();
  await page.waitForTimeout(3000);
  const ratio = (await tick() - start) * 10 / (performance.now() - wall);
  assert.ok(ratio > .75, `mobile simulation ratio ${ratio}`);
  await button("toolbar-stop").click();
  await page.waitForFunction(() => document.querySelector("main")?.dataset.axisProgramStatus === "aborted");
  await button("toolbar-view-p").click();
  await page.waitForTimeout(200);
  await page.screenshot({ path: "/tmp/axis-chips-replacement-390.png", fullPage: true });
  assert.deepEqual(errors, []);
  console.log(JSON.stringify({ schema: "xyzac-chips-layout.v1", status: "verified", dimensions, mobile_simulation_ratio: ratio, browser_errors: errors }));
} finally { await browser.close(); }