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.addInitScript(() => { const registry = []; window.__combinedWorkers = registry; window.Worker = new Proxy(window.Worker, { construct(t, a) { const w = Reflect.construct(t, a); registry.push({ url: String(a[0]), worker: w }); return w; } }); }); 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); await page.evaluate(() => { const w = window.__combinedWorkers.map(x => x.worker).find(x => true); window.__engine = window.__combinedWorkers.find(x => /web-engine\.worker/.test(x.url))?.worker; }); const snap = () => page.evaluate(() => new Promise((resolve, reject) => { const worker = window.__engine; if (!worker) return reject(new Error('no engine worker')); const requestId = 'p-' + Math.random(); const timer = setTimeout(() => reject(new Error('timeout')), 30000); const receive = ({ data }) => { if (data.requestId === requestId) { clearTimeout(timer); worker.removeEventListener('message', receive); resolve(data); } }; worker.addEventListener('message', receive); worker.postMessage({ requestId, command: { type: 'snapshot' } }); })); const read = async (label) => { const reply = await snap(); const s = reply.result?.snapshot; const node = (s?.nodes ?? []).find(n => n.name === 'Mount'); const parent = node?.parentId ? (s.nodes.find(n => n.id === node.parentId)?.name) : null; return { label, rev: s?.revision, mountParent: parent, local: node?.localMatrix?.map(v => Number(v.toFixed(4))), world: node?.worldMatrix?.map(v => Number(v.toFixed(4))) }; }; console.log("BEFORE", JSON.stringify(await read("before"))); 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); } } 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 })); src.dispatchEvent(new DragEvent('dragend', { bubbles: true, cancelable: true, dataTransfer: dt })); }); await page.waitForTimeout(9000); console.log("AFTER", JSON.stringify(await read("after"))); // collection drop should be rejected const before = await snap(); await page.evaluate(() => { const find = (name) => [...document.querySelectorAll('[role="treeitem"]')].find(n => (n.getAttribute('aria-label')||'').trim() === name); const src = find('Payload'), dst = find('Archive'); 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(7000); const after = await snap(); console.log("COLLECTION-DROP-REV", JSON.stringify({ before: before.result?.snapshot?.revision, after: after.result?.snapshot?.revision })); await browser.close();