import { createRequire } from "node:module";
import path from "node:path";
const { chromium } = createRequire(import.meta.url)(path.resolve("web/node_modules/playwright"));
const browser = await chromium.launch({ headless: true, executablePath: "/usr/bin/google-chrome-stable",
  args: ["--no-sandbox","--use-gl=swiftshader","--enable-unsafe-swiftshader","--enable-unsafe-webgpu","--enable-dawn-features=allow_unsafe_apis","--use-webgpu-adapter=swiftshader"] });
const ctx = await browser.newContext({ viewport: { width: 1440, height: 900 } });
const page = await ctx.newPage();
await page.goto("http://127.0.0.1:5402/", { waitUntil: "domcontentloaded" });
await page.waitForFunction(() => document.body.innerText.includes("WASM ABI: ready"), undefined, { timeout: 120000 });
await page.getByTestId("blend-file-input").setInputFiles(path.resolve("tests/files/web/basic_scene.blend"));
await page.waitForFunction(() => /Active Basic/.test(document.querySelector('[data-testid="scene-stats"]')?.textContent ?? ""), undefined, { timeout: 120000 });
await page.waitForTimeout(2000);
const st = () => page.evaluate(() => ({
  ws: document.querySelector("main")?.getAttribute("data-workspace"),
  display: document.querySelector('canvas[aria-label="Blender desktop"]')?.getAttribute("data-native-display"),
  inputReady: document.querySelector('canvas[aria-label="Blender desktop"]')?.getAttribute("data-native-input-ready"),
  engine: document.querySelector('[data-testid="engine-status"]')?.textContent,
  detail: (document.querySelector("main")?.getAttribute("data-last-diagnostic-detail")||"").slice(0,120),
}));
await page.evaluate(() => { const b = [...document.querySelectorAll('nav[aria-label="工作区"] button')].find(n => (n.textContent||"").trim() === "Shading"); b?.click(); });
await page.waitForTimeout(8000);
console.log("SHADING", JSON.stringify(await st()));
// click into the 3D viewport area to activate it
const box = await page.evaluate(() => { const c = document.querySelector('canvas[aria-label="Blender desktop"]'); const r = c?.getBoundingClientRect(); return r ? {x:r.x+r.width*0.5, y:r.y+r.height*0.5} : null; });
if (box) { await page.mouse.click(box.x, box.y); }
for (const t of [3000, 6000, 12000]) { await page.waitForTimeout(t === 3000 ? 3000 : t === 6000 ? 3000 : 6000); console.log("AFTER-CLICK-"+t, JSON.stringify(await st())); }
await page.evaluate(() => document.querySelector('[aria-label="添加立方体"]')?.click());
await page.waitForTimeout(6000);
console.log("ADD", JSON.stringify(await st()));
await browser.close();