karim
ca859c4aa4
Standalone-Browser-Port von DOSSIER. Enthaelt das semantische Modell mit Plan-/3D-Ableitung, Zeichen- und Editierwerkzeuge, Rhino-artiges Befehlssystem, dockbares Panel-System, Resource-Manager, DXF/.lin/.pat-Import, i18n (de/en) sowie Projektdokumentation und Probe-Harness.
85 lines
2.9 KiB
JavaScript
85 lines
2.9 KiB
JavaScript
// Probe: belegt die Ansichts-3D-Presets (Front/Top/Seite/Persp./Iso) +
|
|
// Kamera-FOV. Wechselt in die Perspektive, klickt je Preset den Button und
|
|
// screenshotet. Die PNGs müssen sich deutlich unterscheiden.
|
|
// probe-view3d-perspective.png — 3/4-Blick
|
|
// probe-view3d-top.png — Draufsicht
|
|
// probe-view3d-front.png — frontal
|
|
// probe-view3d-side.png — seitlich
|
|
// probe-view3d-iso.png — isometrisch
|
|
// probe-view3d-fov.png — Kamera-Popover mit FOV-Regler (weit)
|
|
import puppeteer from "puppeteer";
|
|
|
|
const URL = process.env.PROBE_URL || "http://localhost:5173/";
|
|
const browser = await puppeteer.launch({
|
|
headless: "new",
|
|
args: ["--no-sandbox", "--use-gl=swiftshader", "--enable-unsafe-swiftshader"],
|
|
});
|
|
const page = await browser.newPage();
|
|
await page.setViewport({ width: 1400, height: 900, deviceScaleFactor: 1 });
|
|
|
|
const logs = [];
|
|
page.on("console", (m) => logs.push(`[${m.type()}] ${m.text()}`));
|
|
page.on("pageerror", (e) => logs.push(`[PAGEERROR] ${e.message}`));
|
|
|
|
await page.goto(URL, { waitUntil: "networkidle0", timeout: 20000 });
|
|
|
|
const clickByText = async (sel, text) => {
|
|
const handle = await page.evaluateHandle(
|
|
(sel, text) =>
|
|
[...document.querySelectorAll(sel)].find(
|
|
(el) => el.textContent.trim() === text,
|
|
),
|
|
sel,
|
|
text,
|
|
);
|
|
const el = handle.asElement();
|
|
if (!el) throw new Error(`Button "${text}" (${sel}) nicht gefunden`);
|
|
await el.click();
|
|
};
|
|
|
|
const wait = (ms) => new Promise((r) => setTimeout(r, ms));
|
|
const shot = (name) => page.screenshot({ path: `scripts/${name}` });
|
|
|
|
// In die Perspektive wechseln.
|
|
await clickByText("button.view-btn", "Perspektive");
|
|
await wait(1000);
|
|
|
|
// Default-Preset (perspective) — Referenz.
|
|
await shot("probe-view3d-perspective.png");
|
|
|
|
// Presets durchschalten (per sichtbarem Button-Text in der 3D-Gruppe).
|
|
for (const [label, file] of [
|
|
["Oben", "probe-view3d-top.png"],
|
|
["Front", "probe-view3d-front.png"],
|
|
["Seite", "probe-view3d-side.png"],
|
|
["Isometrie", "probe-view3d-iso.png"],
|
|
["Perspektive", "probe-view3d-perspective2.png"],
|
|
]) {
|
|
await clickByText("button.view-btn", label);
|
|
await wait(700);
|
|
await shot(file);
|
|
}
|
|
|
|
// Kamera-Popover öffnen + FOV weit aufdrehen (sichtbarer Effekt).
|
|
await clickByText("button.tb-btn", "Kamera");
|
|
await wait(300);
|
|
const range = await page.$(".tb-popover input[type=range]");
|
|
if (range) {
|
|
await page.evaluate((el) => {
|
|
const setter = Object.getOwnPropertyDescriptor(
|
|
window.HTMLInputElement.prototype,
|
|
"value",
|
|
).set;
|
|
setter.call(el, "90");
|
|
el.dispatchEvent(new Event("input", { bubbles: true }));
|
|
el.dispatchEvent(new Event("change", { bubbles: true }));
|
|
}, range);
|
|
await wait(500);
|
|
}
|
|
await shot("probe-view3d-fov.png");
|
|
|
|
console.log("Screenshots: probe-view3d-{perspective,top,front,side,iso,fov}.png");
|
|
console.log("\n=== Logs ===");
|
|
console.log(logs.length ? logs.join("\n") : "(keine)");
|
|
await browser.close();
|