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:5412/?ui=web", { 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/hierarchy_simplify_combined.blend"));
await page.waitForFunction(() => /SceneIR r\d+/.test(document.querySelector('[data-testid="engine-status"]')?.textContent ?? ""), undefined, { timeout: 120000 });
await page.waitForTimeout(3000);
for (const name of ['Parts','Mount','RootRig']) {
  const btn = page.getByRole('button', { name: `展开 ${name}`, exact: true }).first();
  if (await btn.count()) { await btn.click(); await page.waitForTimeout(2200); }
}
const tree = () => page.evaluate(() => [...document.querySelectorAll('[role="treeitem"]')].map(n => `${n.getAttribute('aria-level')}:${(n.getAttribute('aria-label')||'').trim()}`).filter(x => !x.endsWith(':')).join(" | "));
await page.evaluate(() => {
  const find = (name) => [...document.querySelectorAll('[role="treeitem"]')].find(n => (n.getAttribute('aria-label')||'').trim() === name);
  const src = find('Mount'), dst = find('NewParent'); const dt = new DataTransfer();
  src.dispatchEvent(new DragEvent('dragstart', { bubbles: true, cancelable: true, dataTransfer: dt }));
  dst.dispatchEvent(new DragEvent('dragover', { bubbles: true, cancelable: true, dataTransfer: dt }));
  dst.dispatchEvent(new DragEvent('drop', { bubbles: true, cancelable: true, dataTransfer: dt }));
});
await page.waitForTimeout(9000);
console.log("AFTER-DRAG", await tree());
await page.evaluate(() => document.querySelector('[aria-label="撤销"]')?.click());
await page.waitForTimeout(9000);
console.log("AFTER-UNDO-1", JSON.stringify(await page.evaluate(() => ({ e: document.querySelector('[data-testid="engine-status"]')?.textContent }))));
console.log("TREE-UNDO-1", await tree());
await page.evaluate(() => document.querySelector('[aria-label="撤销"]')?.click());
await page.waitForTimeout(9000);
console.log("AFTER-UNDO-2", JSON.stringify(await page.evaluate(() => ({ e: document.querySelector('[data-testid="engine-status"]')?.textContent }))));
console.log("TREE-UNDO-2", await tree());
await browser.close();