Browser-BIM (cad): semantisches Modell, abgeleitete 2D/3D-Sichten, Zeichenwerkzeuge
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.
This commit is contained in:
@@ -0,0 +1,84 @@
|
||||
// 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();
|
||||
Reference in New Issue
Block a user