Filipe: "ich will in jeder seite auch eine kleine detaillierte aber
schnelle erklaerung kurz und knapps noch zu jeder seite."
DREI ZEILEN AUF JEDER DER 25 SEITEN
WOFUER was auf dieser Seite steht
DU TUST was man hier konkret macht
MERKE nur dort, wo es etwas gibt, das man falsch versteht
SIEHT wer diese Seite ueberhaupt oeffnen kann
Offen sichtbar und nicht hinter einem Aufklapper: "schnell" war seine
Bedingung, und eine Erklaerung, die man erst aufklappen muss, ist
genau dann nicht da, wenn man sie braucht.
DIE ZEILE "SIEHT" IST GERECHNET, NICHT GESCHRIEBEN
Sie kommt aus der Rechtetafel -- aus derselben, aus der auch die
Schranke ihre Entscheidung holt. Haette ich sie danebengeschrieben,
waere sie beim ersten Umstellen in "Wer sieht was" still falsch
geworden, in einem Satz, der behauptet, wer etwas sieht. Die Pruefung
stellt die Tafel deshalb wirklich um und sieht nach, ob der Satz
mitwandert.
Die Erklaerung haengt hinter derselben Schranke wie die Seite: Wer sie
nicht oeffnen darf, bekommt 404 -- nicht 403, sonst waere dieser Weg
eine Landkarte des Hauses.
Eingebunden ist sie nicht ueber eine Liste von Dateinamen, sondern
ueber "wer kopf.js laedt": die 26. Seite ist damit automatisch dabei.
Fuenf Seiten haben keine Kopfzeile (Chat, Kalender, Start, Team,
Teamlage) -- dort haengt der Kasten an <main>, sonst waeren
ausgerechnet die haeufigsten Seiten lautlos leer geblieben.
ZWEI EIGENE MAENGEL, GEFUNDEN DURCH HINSEHEN, NICHT DURCH DIE PRUEFUNG
Die erste Fassung war gruen -- und stand mitten auf dem Buehnenbild,
mit einem Lichtfleck hinter "SIEHT". Und "Wofuer" sprach fast woertlich
die Unterzeile darueber nach. Beides misst die Pruefung jetzt: Kontrast
mit dem dritten Ausgang ("steht auf der Buehne" ist kein Ergebnis) und
die Wortueberschneidung mit der Unterzeile.
ZWEI BEFUNDE, DIE SCHON VORHER ROT WAREN
1. pruef-tempo-workspace verglich die UNKOMPRIMIERTE Groesse gegen eine
Grenze, die fuer die Leitung gedacht war -- waehrend der Kommentar
daneben "das ist, was wirklich ueber die Leitung ging" behauptete.
Live steht Caddy davor. Nachgemessen an der echten Adresse:
start.css 345 KB -> 111 KB zstd. Die Pruefung wog also 1,2 MB, wo
Filipe 500 KB bekommt. Jetzt wird Komprimierbares im Pruefstand
gzip-gepackt (115 KB gegen 111 KB live -- auf vier Prozent genau),
geurteilt wird ueber die uebertragene Groesse, berichtet werden
beide. Dabei prompt in die dokumentierte Falle getappt: `body()` auf
einen Ereignisstrom endet nie, der Lauf blieb stehen. Jetzt
ausgenommen, plus Notbremse je Koerper.
2. pruef-ueberlappung konnte seit Tagen nicht mehr zeigen, dass sie
eine Ueberlappung ueberhaupt findet: Ihre Gegenprobe legt einen Knopf
auf einen anderen, traf aber 6 px daneben. Zwei Ursachen in einer
Zeile -- `position: fixed` bezieht sich auf einen Vorfahren mit
`transform`, und die `transition` der Knoepfe liefert beim sofortigen
Messen die Lage von vorher. Jetzt `transform` + `transition: none`:
34x36 px erkannt, 20 Seiten-Breiten-Paare, 0 Befunde.
PRUEFUNGEN: pruef-erklaerung neu mit 44, davon 8 im Browser (Seite mit
und ohne Kopfzeile, Handy, Kontrast, Echo). Mein Schild stand auf
10,88 px und lag unter der Hausgrenze von 11,5 -- gefunden von
pruef-css-klassen, nicht vom Auge.
Co-Authored-By: Claude Opus 5 <[email protected]>
456 lines
22 KiB
JavaScript
456 lines
22 KiB
JavaScript
/* =====================================================================
|
|
Die kurze Erklärung auf jeder Seite (14.09.2026)
|
|
|
|
Filipe: „ich will in jeder seite auch eine kleine detaillierte aber
|
|
schnelle erklärung kurz und knapps noch zu jeder seite."
|
|
|
|
---------------------------------------------------------------------
|
|
WAS HIER WIRKLICH GEMESSEN WIRD
|
|
|
|
Dass ein Text ankommt, ist die leichteste und unwichtigste Frage.
|
|
Die drei, auf die es ankommt:
|
|
|
|
1. GIBT ES ZU JEDER SEITE EINEN? — abgeleitet aus der Rechtetafel,
|
|
nicht gegen eine Zahl. Kommt morgen eine 26. Seite dazu und
|
|
niemand schreibt ihr einen Text, muss das hier rot werden.
|
|
|
|
2. IST DIE ZEILE „SIEHT" GERECHNET ODER BEHAUPTET? — geprüft,
|
|
indem die Rechtetafel wirklich umgestellt wird. Wandert der
|
|
Satz mit, kommt er aus der Tafel. Ohne diese Gegenprobe wäre
|
|
„steht da" auch dann grün, wenn der Satz danebengeschrieben
|
|
wäre — und das ist die eine Angabe, die niemals lügen darf.
|
|
|
|
3. IST DIE ERKLÄRUNG SO VERSCHLOSSEN WIE DIE SEITE? — ein Modi
|
|
fragt nach „Personen & Zugänge" und muss 404 bekommen, nicht
|
|
den Text und nicht „verboten". Sonst ist dieser Weg eine
|
|
Landkarte des Hauses.
|
|
|
|
Dazu, im Browser: Der Kasten muss auf einer Seite MIT Kopfzeile
|
|
erscheinen und auf einer OHNE. Der zweite Fall ist der, der lautlos
|
|
ausfallen würde — fünf Seiten haben keine `.kopf-zeile`, darunter
|
|
Chat und Kalender.
|
|
|
|
Aufrufen mit: node server/pruef-erklaerung.mjs
|
|
===================================================================== */
|
|
|
|
import { mkdtempSync, rmSync, readFileSync, readdirSync } from "node:fs";
|
|
import { tmpdir } from "node:os";
|
|
import { join } from "node:path";
|
|
import { request as httpAnfrage } from "node:http";
|
|
import { portMussFreiSein } from "./helfer-port.mjs";
|
|
|
|
const PORT = await portMussFreiSein(4406, "pruef-erklaerung");
|
|
|
|
const ordner = mkdtempSync(join(tmpdir(), "ws-erkl-"));
|
|
process.env.WORKSPACE_DB = join(ordner, "workspace.db");
|
|
process.env.PORT = String(PORT);
|
|
process.env.SITE_ACCESS_SECRET = "lokaler-test";
|
|
process.env.SITE_PUBLIC_LAUNCH_AT = "2020-01-01T00:00:00+01:00";
|
|
|
|
const express = (await import("express")).default;
|
|
const ec = express.response.cookie;
|
|
express.response.cookie = function (n, w, o) { return ec.call(this, n, w, { ...(o || {}), secure: false }); };
|
|
import { notbremse } from "./helfer-notbremse.mjs";
|
|
await import("./index.js");
|
|
notbremse(240_000, "pruef-erklaerung");
|
|
await new Promise((r) => setTimeout(r, 700));
|
|
|
|
process.on("uncaughtException", (f) => { console.error("ABSTURZ:", f); process.exit(7); });
|
|
process.on("unhandledRejection", (f) => { console.error("ABSTURZ (Versprechen):", f); process.exit(7); });
|
|
|
|
let fehler = 0, geprueft = 0;
|
|
const melde = (t) => console.log(t);
|
|
const ok = (b, t) => { geprueft++; console.log((b ? " ok " : " FEHL ") + t); if (!b) fehler++; };
|
|
|
|
const CREW = "crew.dogfather-universe.com";
|
|
const HAUS = "workspace.dogfather-universe.com";
|
|
const BASIS = `http://127.0.0.1:${PORT}`;
|
|
|
|
const { DatabaseSync } = await import("node:sqlite");
|
|
const { scryptSync, randomBytes, createHmac } = await import("node:crypto");
|
|
const rechte = await import("./rechte.js");
|
|
const { ERKLAERUNGEN } = await import("./workspace-erklaerung.js");
|
|
|
|
const d = new DatabaseSync(process.env.WORKSPACE_DB);
|
|
const jetzt = new Date().toISOString();
|
|
const schluessel = randomBytes(32).toString("hex");
|
|
d.prepare("INSERT INTO einstellungen (schluessel, wert, geaendert, von)"
|
|
+ " VALUES (?,?,?,NULL) ON CONFLICT(schluessel) DO NOTHING")
|
|
.run("code_kennung_schluessel", schluessel, jetzt);
|
|
function anlegen(name, rolle, code) {
|
|
const salt = randomBytes(16).toString("hex");
|
|
const hash = scryptSync(code, salt, 64, { N: 32768, r: 8, p: 1, maxmem: 96 * 1024 * 1024 }).toString("hex");
|
|
d.prepare("INSERT INTO personen (name, rolle, code_hash, code_salt, code_n, code_kennung, aktiv, erstellt)"
|
|
+ " VALUES (?,?,?,?,?,?,1,?)")
|
|
.run(name, rolle, hash, salt, 32768, createHmac("sha256", schluessel).update(code).digest("hex"), jetzt);
|
|
return d.prepare("SELECT last_insert_rowid() AS id").get().id;
|
|
}
|
|
anlegen("Filipe", "admin", "CODE-DOGI-0001");
|
|
anlegen("Rieke", "hand", "CODE-HAND-0001");
|
|
anlegen("Frida", "modi", "CODE-MODI-0001");
|
|
d.close();
|
|
|
|
function roh(pfad, host, kopf = {}, koerper = null, methode = null) {
|
|
if (methode === "DELETE") koerper = null;
|
|
return new Promise((fertig, schief) => {
|
|
const a = httpAnfrage({
|
|
host: "127.0.0.1", port: PORT, path: pfad,
|
|
method: methode || (koerper ? "POST" : "GET"),
|
|
headers: { Host: host, ...(koerper ? { "Content-Type": "application/json" } : {}), ...kopf },
|
|
}, (antwort) => {
|
|
let text = "";
|
|
antwort.on("data", (s) => { text += s; });
|
|
antwort.on("end", () => fertig({ code: antwort.statusCode, text, kopf: antwort.headers }));
|
|
});
|
|
a.on("error", schief);
|
|
if (koerper) a.write(JSON.stringify(koerper));
|
|
a.end();
|
|
});
|
|
}
|
|
const json = (a) => { try { return JSON.parse(a.text); } catch { return {}; } };
|
|
async function anmelden(rolle, code, host) {
|
|
const r = await roh("/workspace/api/anmelden", host, {}, { rolle, code });
|
|
return [].concat(r.kopf?.["set-cookie"] || []).map((c) => c.split(";")[0]).join("; ");
|
|
}
|
|
const kDogi = await anmelden("admin", "CODE-DOGI-0001", HAUS);
|
|
const kHand = await anmelden("hand", "CODE-HAND-0001", CREW);
|
|
const kModi = await anmelden("modi", "CODE-MODI-0001", CREW);
|
|
ok(!!kDogi && !!kHand && !!kModi, "DogFather, rechte Hand und ein Modi sind angemeldet");
|
|
|
|
const erkl = (datei, host, keks) =>
|
|
roh("/workspace/api/erklaerung?seite=" + datei, host, { cookie: keks });
|
|
|
|
/* =======================================================================
|
|
1. ZU JEDER SEITE EIN TEXT — abgeleitet, nicht gegen eine Zahl
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 1. Jede Seite hat einen Text ===");
|
|
{
|
|
const seiten = rechte.alleSeiten().map((p) => p.replace("/workspace/", ""));
|
|
ok(seiten.length > 20, `${seiten.length} Seiten in der Rechtetafel`);
|
|
|
|
const ohne = seiten.filter((s) => !ERKLAERUNGEN[s]);
|
|
ok(ohne.length === 0,
|
|
ohne.length ? `OHNE TEXT: ${ohne.join(", ")}` : `zu allen ${seiten.length} Seiten steht ein Text`);
|
|
|
|
/* Und umgekehrt: kein Text zu einer Seite, die es gar nicht gibt.
|
|
Sonst sammelt sich hier Prosa zu Seiten, die längst weg sind. */
|
|
const verwaist = Object.keys(ERKLAERUNGEN).filter((s) => !seiten.includes(s));
|
|
ok(verwaist.length === 0,
|
|
verwaist.length ? `TEXT OHNE SEITE: ${verwaist.join(", ")}` : "und kein Text zu einer Seite, die es nicht gibt");
|
|
|
|
/* GEGENPROBE zum Sucher selbst: Eine erfundene Seite MUSS als fehlend
|
|
auffallen -- sonst wäre die Zeile darüber auch bei leerer Tabelle grün. */
|
|
ok(!ERKLAERUNGEN["gibt-es-nicht.html"],
|
|
"eine erfundene Seite hat erwartungsgemäß keinen Text");
|
|
}
|
|
|
|
/* =======================================================================
|
|
2. KURZ UND KNAPP — seine Bedingung, also gemessen
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 2. Kurz und knapp ===");
|
|
{
|
|
const alle = Object.entries(ERKLAERUNGEN);
|
|
ok(alle.length > 20, `${alle.length} Erklärungen geprüft`);
|
|
|
|
const zuLang = alle.filter(([, e]) =>
|
|
[e.wofuer, e.tun, e.merke].filter(Boolean).some((s) => s.length > 135));
|
|
ok(zuLang.length === 0,
|
|
zuLang.length ? `ZU LANG: ${zuLang.map(([s]) => s).join(", ")}`
|
|
: "kein Satz über 135 Zeichen — „kurz und knapp“ war die Bedingung");
|
|
|
|
const leer = alle.filter(([, e]) => !e.wofuer?.trim() || !e.tun?.trim());
|
|
ok(leer.length === 0, "jede Erklärung hat „Wofür“ und „Du tust“");
|
|
|
|
/* KEINE KLICKANLEITUNGEN. Sie altern mit jedem Umbau der Oberfläche
|
|
und zeigen danach ins Leere -- schlimmer als gar kein Text. */
|
|
const klick = alle.filter(([, e]) =>
|
|
/klicke|tippe auf|oben rechts|unten links|Schaltfläche/i.test(
|
|
[e.wofuer, e.tun, e.merke].filter(Boolean).join(" ")));
|
|
ok(klick.length === 0,
|
|
klick.length ? `KLICKANLEITUNG: ${klick.map(([s]) => s).join(", ")}`
|
|
: "keine Klickanleitungen — erklärt wird der Zweck, nicht der Weg");
|
|
ok(/klicke/i.test("dann klicke oben rechts"), "und der Sucher findet so eine auch wirklich");
|
|
|
|
/* HAUSREGEL: echte Umlaute in allem, was ein Mensch liest. */
|
|
const ascii = alle.filter(([, e]) =>
|
|
/\b(fuer|koenn|muess|ueber|waer|moecht|oeffn|schliess)/i.test(
|
|
[e.wofuer, e.tun, e.merke].filter(Boolean).join(" ")));
|
|
ok(ascii.length === 0,
|
|
ascii.length ? `ASCII-UMLAUTE: ${ascii.map(([s]) => s).join(", ")}` : "keine ASCII-Ersatzumlaute");
|
|
}
|
|
|
|
/* =======================================================================
|
|
3. DIE ZEILE „SIEHT" IST GERECHNET, NICHT BEHAUPTET
|
|
|
|
Das ist die Prüfung, derentwegen es diese Datei gibt.
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 3. Gerechnet, nicht behauptet ===");
|
|
{
|
|
const vorher = json(await erkl("talente.html", HAUS, kDogi));
|
|
ok(vorher.hat_text === true, "DogFather bekommt die Erklärung zu „Talente“");
|
|
ok(Array.isArray(vorher.sichtbar) && vorher.sichtbar.includes("Rechte Hand"),
|
|
`dort steht, wer sie sieht: ${(vorher.sichtbar || []).join(" · ")}`);
|
|
/* Die Rangfolge gilt auch hier: die rechte Hand direkt hinter DogFather. */
|
|
ok(vorher.sichtbar[0] === "DogFather" && vorher.sichtbar[1] === "Rechte Hand",
|
|
"in der Rangfolge des Hauses, nicht alphabetisch");
|
|
|
|
/* JETZT DIE TAFEL WIRKLICH UMSTELLEN. */
|
|
const zu = await roh("/workspace/api/rechte/feld", HAUS, { cookie: kDogi },
|
|
{ pfad: "/workspace/talente.html", rolle: "hand", erlaubt: false }, "PUT");
|
|
ok(zu.code === 200, `die rechte Hand wird für „Talente“ abgeschaltet (${zu.code})`);
|
|
|
|
const nachher = json(await erkl("talente.html", HAUS, kDogi));
|
|
ok(!(nachher.sichtbar || []).includes("Rechte Hand"),
|
|
`danach steht sie nicht mehr da: ${(nachher.sichtbar || []).join(" · ")}`);
|
|
ok(vorher.sichtbar.length - 1 === nachher.sichtbar.length,
|
|
"genau eine Rolle weniger — der Satz kommt also aus der Tafel");
|
|
|
|
/* Und sie bekommt die Erklärung jetzt auch selbst nicht mehr. */
|
|
const ihre = await erkl("talente.html", CREW, kHand);
|
|
ok(ihre.code === 404,
|
|
`und sie selbst bekommt jetzt 404 statt des Textes (${ihre.code})`);
|
|
|
|
/* ZURÜCK — eine Prüfung, die den Stand verändert zurücklässt, ist
|
|
eine Falle für die nächste. */
|
|
const auf = await roh("/workspace/api/rechte/feld", HAUS, { cookie: kDogi },
|
|
{ pfad: "/workspace/talente.html", rolle: "hand", erlaubt: true }, "PUT");
|
|
ok(auf.code === 200, "danach ist alles wieder wie vorher");
|
|
const zurueck = json(await erkl("talente.html", HAUS, kDogi));
|
|
ok((zurueck.sichtbar || []).join() === vorher.sichtbar.join(),
|
|
"und der Satz steht wieder genau so da wie am Anfang");
|
|
}
|
|
|
|
/* =======================================================================
|
|
4. SO VERSCHLOSSEN WIE DIE SEITE SELBST
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 4. Dieselbe Schranke ===");
|
|
{
|
|
const fremd = await erkl("personen.html", CREW, kModi);
|
|
ok(fremd.code === 404,
|
|
`ein Modi bekommt zu „Personen & Zugänge“ ein 404 (${fremd.code})`);
|
|
ok(!/Zugangscode|Rolle/.test(fremd.text),
|
|
"und kein Wort aus dem Text — die Absage verrät nichts über die Seite");
|
|
|
|
/* GEGENPROBE: Eine Seite, die er öffnen darf, bekommt er auch erklärt.
|
|
Ohne sie wäre „404“ oben auch dann grün, wenn der Weg gar nicht
|
|
funktioniert. */
|
|
const seine = json(await erkl("entwicklung.html", CREW, kModi));
|
|
ok(seine.hat_text === true, "seine eigene Entwicklungsseite bekommt er erklärt");
|
|
|
|
const ohneAnmeldung = await erkl("start.html", HAUS, "");
|
|
ok(ohneAnmeldung.code === 401, `ohne Anmeldung gar nichts (${ohneAnmeldung.code})`);
|
|
|
|
/* Kein Weg aus dem Verzeichnis heraus. */
|
|
for (const bösartig of ["../../etc/passwd", "..%2Fgeheim.html", "start.html%00", "start"]) {
|
|
const r = await erkl(encodeURIComponent(bösartig), HAUS, kDogi);
|
|
ok(r.code === 400, `„${bösartig}“ wird abgelehnt (${r.code})`);
|
|
}
|
|
}
|
|
|
|
/* =======================================================================
|
|
5. AUF JEDER SEITE EINGEBUNDEN — auch auf denen ohne Kopfzeile
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 5. Auf jeder Seite eingebunden ===");
|
|
{
|
|
const dateien = readdirSync("workspace").filter((n) => n.endsWith(".html"));
|
|
const mitKopf = dateien.filter((n) =>
|
|
/assets\/js\/kopf\.js/.test(readFileSync("workspace/" + n, "utf8")));
|
|
ok(mitKopf.length > 20, `${mitKopf.length} Seiten laden kopf.js`);
|
|
|
|
const ohne = mitKopf.filter((n) =>
|
|
!/assets\/js\/erklaerung\.js/.test(readFileSync("workspace/" + n, "utf8")));
|
|
ok(ohne.length === 0,
|
|
ohne.length ? `OHNE erklaerung.js: ${ohne.join(", ")}` : "alle davon laden auch erklaerung.js");
|
|
|
|
/* Die fünf ohne Kopfzeile sind der Fall, der lautlos ausfallen würde
|
|
-- der Kasten hängt sich dort an <main> statt hinter die Kopfzeile.
|
|
Die Zahl gehört in die Bedingung: Fände die Suche keine, wäre der
|
|
zweite Weg nie geprüft worden. */
|
|
const ohneKopfzeile = mitKopf.filter((n) =>
|
|
!/class="kopf-zeile"/.test(readFileSync("workspace/" + n, "utf8")));
|
|
ok(ohneKopfzeile.length > 0,
|
|
`${ohneKopfzeile.length} Seiten haben keine Kopfzeile: ${ohneKopfzeile.join(", ")}`);
|
|
}
|
|
|
|
/* =======================================================================
|
|
6. UND STEHT SIE AUCH WIRKLICH AUF DEM BILDSCHIRM?
|
|
======================================================================= */
|
|
melde("");
|
|
melde("=== 6. Im Browser ===");
|
|
{
|
|
const { chromium } = await import(
|
|
"file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs");
|
|
const browser = await chromium.launch();
|
|
const kontext = await browser.newContext({ viewport: { width: 1280, height: 900 } });
|
|
const seite = await kontext.newPage();
|
|
const konsole = [];
|
|
seite.on("console", (m) => { if (m.type() === "error" && !/favicon|ERR_/i.test(m.text())) konsole.push(m.text()); });
|
|
seite.on("pageerror", (e) => konsole.push("Absturz: " + e.message));
|
|
|
|
await seite.goto(BASIS + "/workspace/", { waitUntil: "domcontentloaded" });
|
|
await seite.click('.rolle[data-rolle="admin"]');
|
|
await seite.fill("#code", "CODE-DOGI-0001");
|
|
await seite.click("button[type=submit]");
|
|
await seite.waitForURL("**/start.html", { timeout: 20000 });
|
|
|
|
/** Wartet, bis der Kasten da ist -- oder bis feststeht, dass er nicht kommt. */
|
|
async function ansehen(datei) {
|
|
await seite.goto(`${BASIS}/workspace/${datei}`, { waitUntil: "networkidle" });
|
|
await seite.waitForSelector(".erkl", { timeout: 6000 }).catch(() => {});
|
|
return seite.evaluate(() => {
|
|
const k = document.querySelector(".erkl");
|
|
if (!k) return { da: false };
|
|
const r = k.getBoundingClientRect();
|
|
const schilder = [...k.querySelectorAll(".erkl__schild")].map((s) => s.textContent.trim());
|
|
return {
|
|
da: true, hoehe: Math.round(r.height), breite: Math.round(r.width),
|
|
inMain: !!k.closest("main"),
|
|
schilder, text: k.innerText.trim(),
|
|
/* Steht er VOR dem ersten Inhalt und nicht irgendwo mittendrin? */
|
|
erstesDrittel: r.top < window.innerHeight,
|
|
};
|
|
});
|
|
}
|
|
|
|
/* Eine Seite MIT Kopfzeile ... */
|
|
const mit = await ansehen("talente.html");
|
|
ok(mit.da === true, "auf „Talente“ (mit Kopfzeile) steht der Kasten");
|
|
ok(mit.inMain && mit.erstesDrittel, "im Inhalt und ohne Scrollen sichtbar");
|
|
ok(mit.schilder.join(",").includes("SIEHT") || /SIEHT/i.test(mit.text),
|
|
`mit allen Zeilen: ${mit.schilder.join(" / ")}`);
|
|
ok(mit.hoehe > 30 && mit.hoehe < 260, `und er bleibt klein (${mit.hoehe} px hoch)`);
|
|
|
|
/* ===================================================================
|
|
STEHT DER TEXT AUF EINER FLAECHE -- UND IST ER LESBAR?
|
|
|
|
BEIDE MAENGEL WAREN IN DER ERSTEN FASSUNG GRUEN. Gefunden hat sie
|
|
nicht diese Datei, sondern ein Blick auf das Bildschirmfoto: Der
|
|
Kasten stand mitten auf der Buehne, mit einem Lichtfleck hinter
|
|
„SIEHT". Eine Pruefung, die Groesse und Position misst und nicht
|
|
die Lesbarkeit, prueft das Bequeme statt das Wichtige.
|
|
|
|
DREI AUSGAENGE, wie ueberall: lesbar / zu dunkel / konnte nicht
|
|
nachsehen. Der dritte ist hier der eigentliche Fund -- Text auf
|
|
einem Foto hat gar keinen berechenbaren Kontrast, und genau das
|
|
war der Zustand. */
|
|
const KONTRAST = `(() => {
|
|
const leuchte = (r, g, b) => {
|
|
const f = (c) => { c /= 255; return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4); };
|
|
return 0.2126 * f(r) + 0.7152 * f(g) + 0.0722 * f(b);
|
|
};
|
|
const zahlen = (s) => (s.match(/[\d.]+/g) || []).map(Number);
|
|
/* Der erste Vorfahr mit einer WIRKLICH deckenden Flaeche. Alles
|
|
darunter ist Durchsicht -- und ein Foto ist keine Flaeche. */
|
|
const grund = (e) => {
|
|
let n = e;
|
|
while (n && n !== document.documentElement) {
|
|
const st = getComputedStyle(n);
|
|
const f = zahlen(st.backgroundColor);
|
|
const deckend = f.length >= 3 && (f.length < 4 || f[3] >= 0.92);
|
|
if (deckend && st.backgroundImage === 'none') return f.slice(0, 3);
|
|
if (deckend) return null; // deckend, aber ein Bild darauf
|
|
n = n.parentElement;
|
|
}
|
|
return null;
|
|
};
|
|
const kasten = document.querySelector('.erkl');
|
|
if (!kasten) return { fehlt: true };
|
|
const stuecke = [...kasten.querySelectorAll('.erkl__schild, .erkl__satz')];
|
|
const schlecht = [], geraten = [];
|
|
let gemessen = 0;
|
|
for (const s of stuecke) {
|
|
if (!s.textContent.trim()) continue;
|
|
const h = grund(s);
|
|
if (!h) { geraten.push(s.textContent.trim().slice(0, 30)); continue; }
|
|
const v = zahlen(getComputedStyle(s).color).slice(0, 3);
|
|
const a = leuchte(...v), b = leuchte(...h);
|
|
const v2 = (Math.max(a, b) + 0.05) / (Math.min(a, b) + 0.05);
|
|
gemessen++;
|
|
if (v2 < 4.5) schlecht.push(s.textContent.trim().slice(0, 30) + ' = ' + v2.toFixed(2));
|
|
}
|
|
return { gemessen, schlecht, geraten };
|
|
})()`;
|
|
|
|
const k = await seite.evaluate(KONTRAST);
|
|
/* DIE ZAHL GEHOERT IN DIE BEDINGUNG: Faende die Messung kein
|
|
Textstueck, waere „alles lesbar" trivial wahr. */
|
|
ok(k.gemessen >= 6 && k.schlecht.length === 0,
|
|
`${k.gemessen} Textstücke im Kasten, alle lesbar`
|
|
+ (k.schlecht.length ? " -- ZU DUNKEL: " + k.schlecht.join(" | ") : ""));
|
|
ok(k.geraten.length === 0,
|
|
`jedes davon steht auf einer deckenden Fläche`
|
|
+ (k.geraten.length ? ` -- AUF DER BÜHNE (${k.geraten.length}): ` + k.geraten.slice(0, 3).join(" | ") : ""));
|
|
|
|
/* ===================================================================
|
|
SPRICHT „WOFUER" DIE UNTERZEILE NACH?
|
|
|
|
Auch das war gruen und trotzdem falsch: Auf „Talente" stand oben
|
|
„Zuschauer, die ins Team passen koennten. Ein Trichter, keine
|
|
Liste" -- und zwei Zeilen darunter fast woertlich dasselbe. Das
|
|
liest sich wie ein Kopierfehler und verschenkt die Zeile.
|
|
|
|
Gemessen wird der Anteil der langen Woerter, die in BEIDEN Saetzen
|
|
vorkommen. Ueber der Haelfte ist es keine Erklaerung mehr, sondern
|
|
ein Echo. */
|
|
const echo = await seite.evaluate(() => {
|
|
const u = document.querySelector('main .unterzeile')?.textContent?.trim() || '';
|
|
const zeilen = [...document.querySelectorAll('.erkl__zeile')];
|
|
const w = zeilen.find((z) => /wof/i.test(z.querySelector('.erkl__schild')?.textContent || ''));
|
|
const wofuer = w?.querySelector('.erkl__satz')?.textContent?.trim() || '';
|
|
if (!u || !wofuer) return { pruefbar: false, u, wofuer };
|
|
const lang = (s) => new Set((s.toLowerCase().match(/[a-zäöüß]{5,}/g) || []));
|
|
const a = lang(wofuer), b = lang(u);
|
|
if (!a.size) return { pruefbar: false, u, wofuer };
|
|
let gleich = 0;
|
|
for (const x of a) if (b.has(x)) gleich++;
|
|
return { pruefbar: true, anteil: gleich / a.size, gleich, gesamt: a.size, u, wofuer };
|
|
});
|
|
ok(echo.pruefbar === true,
|
|
echo.pruefbar ? "Unterzeile und „Wofür“ stehen beide da — vergleichbar"
|
|
: `nicht vergleichbar (Unterzeile: „${(echo.u || "").slice(0, 40)}")`);
|
|
ok(echo.pruefbar && echo.anteil < 0.5,
|
|
`„Wofür“ sagt etwas anderes als die Unterzeile (${echo.gleich} von ${echo.gesamt} langen Wörtern gleich)`);
|
|
|
|
|
|
/* ... und eine OHNE. Das ist der Fall, der lautlos ausfallen würde. */
|
|
const ohne = await ansehen("kalender.html");
|
|
ok(ohne.da === true, "auf „Kalender“ (OHNE Kopfzeile) steht er genauso");
|
|
ok(ohne.inMain, "und zwar im Inhalt, nicht davor");
|
|
|
|
/* Am Handy: bricht nichts seitlich aus? */
|
|
const handy = await browser.newContext({ viewport: { width: 390, height: 844 } });
|
|
const s2 = await handy.newPage();
|
|
await s2.goto(BASIS + "/workspace/", { waitUntil: "domcontentloaded" });
|
|
await s2.click('.rolle[data-rolle="admin"]');
|
|
await s2.fill("#code", "CODE-DOGI-0001");
|
|
await s2.click("button[type=submit]");
|
|
await s2.waitForURL("**/start.html", { timeout: 20000 });
|
|
await s2.goto(BASIS + "/workspace/talente.html", { waitUntil: "networkidle" });
|
|
await s2.waitForSelector(".erkl", { timeout: 6000 }).catch(() => {});
|
|
const eng = await s2.evaluate(() => {
|
|
const k = document.querySelector(".erkl");
|
|
if (!k) return null;
|
|
const r = k.getBoundingClientRect();
|
|
return { raus: Math.round(r.right - document.documentElement.clientWidth), hoehe: Math.round(r.height) };
|
|
});
|
|
ok(eng !== null && eng.raus <= 1, `am Handy nichts seitlich draußen (${eng?.raus} px)`);
|
|
ok(eng !== null && eng.hoehe < 340, `und immer noch kompakt (${eng?.hoehe} px)`);
|
|
|
|
ok(konsole.length === 0,
|
|
konsole.length ? "Fehler im Browser: " + konsole[0].slice(0, 90) : "keine Fehler im Browser");
|
|
|
|
await browser.close();
|
|
}
|
|
|
|
/* ------------------------------------------------------------------- */
|
|
melde("");
|
|
melde(`${geprueft} Pruefungen, ${fehler} Fehler`);
|
|
melde(fehler ? "NICHT IN ORDNUNG" : "ALLES IN ORDNUNG");
|
|
try { rmSync(ordner, { recursive: true, force: true }); } catch { /* Aufraeumrest */ }
|
|
process.exit(fehler ? 1 : 0);
|