Files
dogfather-universe/server/pruef-aufgabenbrett.mjs
T
DogFatherGitandClaude Opus 5 d7cf598b00 "Heute" war zwei Stunden lang gestern -- und vier Fehler auf Handy und PC
Auftrag: "einen grossen Check machen, ob alles klappt, auf dem Handy und
PC." Dafuer ein neuer Rundgang (pruef-grosscheck.mjs), der stumpf ueber
alles geht: 19 Workspace-Seiten mal 4 Rollen mal 2 Bildschirmgroessen
plus 33 oeffentliche Seiten, zweimal. 208 Seiten, 50 774 Elemente.

Solche Rundgaenge finden andere Fehler als gezielte Pruefungen: nicht
den falsch gerechneten Wert, sondern die Seite, die bei genau einer
Rolle ueberlaeuft.

=== DER WICHTIGSTE FUND: "heute" war in UTC gerechnet ===

Der Check lief um 01:10 Uhr. Ortszeit war der 2. September, in UTC noch
der 1. -- und in diesem Fenster rechnete die Anwendung an ZWOELF Stellen
"heute" als toISOString(), also in UTC. Server und Benutzer stehen beide
auf Europe/Berlin.

Was das im Alltag bedeutete, jede Nacht zwischen 0 und 2 Uhr:
  * eine heute faellige Aufgabe galt noch nicht als faellig
  * eine um Mitternacht ueberfaellig gewordene erschien erst um 2 Uhr
  * der Filter "Heute faellig" zeigte den Vortag
  * Datumsfelder schlugen gestern vor
  * der Kalender begann seine Vorgabe einen Tag zu frueh

Also genau dann, wenn nach einem Stream gearbeitet wird.

kalender.js machte es die ganze Zeit RICHTIG -- samt Begruendung, warum
die ARITHMETIK trotzdem in UTC laufen muss (UTC-Mittag ueberlebt die
Zeitumstellung; wer lokal rechnet, verliert am 27. Oktober einen Tag).
Diese Trennung gilt jetzt ueberall, aus je einer Quelle:
  RECHNEN mit Datumsangaben  -> UTC-Mittag, unveraendert
  WELCHER TAG IST HEUTE      -> Ortszeit (heuteLokal/tagLokal im Server,
                                window.heuteLokal in kopf.js)

WIE ES AUFFIEL, und das ist die eigentliche Lehre: Zuerst schlugen zwei
Pruefungen fehl -- und die Ursache lag in IHNEN, sie rechneten selbst in
UTC (36 Stellen in 17 Dateien). Nach deren Reparatur schlugen sie WIEDER
fehl, und erst da zeigten sie auf die Anwendung. Wer beim ersten Mal
aufgehoert haette ("ist ja nur die Pruefung"), haette den echten Fehler
nie gesehen.

Nachtrag desselben Musters: pruef-uebersicht legte den Termin weiterhin
in UTC an, waehrend die Erwartung schon auf Ortszeit stand. Wer eine
Datumsrechnung umstellt, muss BEIDE Seiten umstellen -- die, die
schreibt, und die, die prueft.

=== VIER FEHLER AUF HANDY UND PC ===

1. Ein langer Creator-Name ("SpongBobSchwammKopf") schob die Startseite
   auf dem Handy um 48 Pixel aus dem Bild -- ein Wort ohne Trennstelle,
   und die Seite liess sich seitlich wegschieben. Trifft echte Namen:
   Creator heissen selten "Tim".

2. Die klebende Speicherleiste verdeckte auf dem Handy ein Textfeld.
   Beim Tippen sieht man die eigene Zeile nicht. Behoben mit
   scroll-margin-bottom (WCAG 2.2, 2.4.11 "Focus Not Obscured").

3./4. Zwei Beschriftungen waren mit 9,6 px (Uebersicht: "ueberfaellig",
   "dringend", "offen") und 9,9 px (Kalender: "heute") zu klein. Fuers
   Handy gab es laengst eine Ausnahme -- nur der Rechner war vergessen
   worden. Ausgerechnet die Woerter, die den Zahlen ihre Bedeutung geben.

=== WAS KEINE FEHLER WAREN ===

Der erste Durchgang meldete 19 Maengel, die keine waren. Alle einzeln im
Quelltext nachgeprueft und dem Rundgang beigebracht:
  * Kacheln und Kopfzeilen "abgeschnitten" -- das Wasserzeichen ragt
    ABSICHTLICH ueber den Rand (steht so im Quelltext)
  * "verdeckt: wahl2__echt" -- das echte <select> liegt absichtlich
    unsichtbar unter seinem Knopf
  * "zurueck-knopf__text abgeschnitten" -- das uebliche Muster fuer
    "nur fuer Vorleseprogramme"
  * drei "zu kleine" Verweise -- WCAG 2.5.8 nimmt Verweise im Fliesstext
    AUSDRUECKLICH aus. Eine Pruefung, die ihre eigene Messlatte nicht
    kennt, misst nichts.

Beim vierten Punkt haette ich fast an der falschen Stelle repariert.

Und statt die Sticky-Meldung abzuschalten (dann faende sie auch echte
Ueberdeckungen nie mehr), wurde sie GENAUER: Ueberdeckt etwas Klebendes
ein Eingabefeld, ist das nur in Ordnung, wenn das Feld genug
scroll-margin-bottom hat, um darunter hervorzukommen. Aus einer vagen
Meldung wird eine pruefbare Zusage.

Vier Gegenproben belegen, dass der Rundgang ueberhaupt etwas finden
kann: ein zu breites Element, ein winziger Knopf, ein winziger Verweis
AUSSERHALB eines Satzes und ein wirklich abgeschnittenes Wort werden
alle gemeldet. Ohne diesen Nachweis waere "alles in Ordnung" wertlos.

Co-Authored-By: Claude Opus 5 <[email protected]>
2026-09-02 01:51:28 +02:00

377 lines
18 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* Prueft das Aufgabenbrett fuer alle vier Rollen.
Wunsch vom 01.09.2026: "verbessere die Aufgabenseite auch bei Manager,
Scout und Creator. Die Scouts und Manager sollen vielleicht ein
bisschen mehr Optionen haben, wie ihre zugeteilten Creator. Aber auch
die Creator sollen es besser und detaillierter sehen.
ABER NUR DIE ROLLE DOGFATHER SOLL WIRKLICH WEITERHIN ALLEINE ALLES
SEHEN KOENNEN. DIE ANDEREN SOLLEN NUR IHRE ZUGETEILTEN AUFGABEN VON
IHREN CREATOR SEHEN."
DER WICHTIGSTE TEIL DIESER PRUEFUNG IST DER ZWEITE SATZ, nicht der
erste. Eine huebschere Filterleiste ist eine Annehmlichkeit; eine
Rechteregel, die zu viel zeigt, ist ein Schaden. Deshalb steht die
Abgrenzung vorn und wird an KONKRETEN Aufgaben geprueft, deren Titel
verraten, wem sie gehoeren.
Zwei Aenderungen an den Rechten werden hier festgehalten:
1. Ein MANAGER sah auf diesem Brett bisher GAR NICHTS -- er fiel in
den Default-Zweig ("unbekannte Rolle sieht nichts"). Ein leeres
Brett sieht aus wie "nichts zu tun", nicht wie ein Fehler; deshalb
ist das lange niemandem aufgefallen.
2. In Kalender, Dateien und Bereichen sah ein Manager dagegen ALLES
(istLeitung). Beides ist jetzt dasselbe: nur die zugeteilten
Creator. Nur DogFather sieht alles.
Was ein Manager DARF (freigeben, aendern), ist davon unberuehrt --
das wird hier ausdruecklich mitgeprueft, damit die Sichtbarkeits-
aenderung ihm nicht stillschweigend die halben Rechte nimmt. */
import { mkdtempSync, rmSync } from "node:fs";
import { tmpdir } from "node:os";
import { join } from "node:path";
const ordner = mkdtempSync(join(tmpdir(), "ws-brett-"));
process.env.WORKSPACE_DB = join(ordner, "workspace.db");
process.env.PORT = "4216";
process.env.SITE_ACCESS_SECRET = "lokaler-test";
process.env.SITE_ACCESS_CODE_DOGI = "DOGI-TEST-1";
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 }); };
await import("./index.js");
await new Promise((r) => setTimeout(r, 700));
const BASIS = "http://127.0.0.1:4216";
setTimeout(() => { console.log("ABBRUCH"); process.exit(1); }, 300_000).unref?.();
/* ORTSZEIT, nicht UTC. Die Anwendung rechnet "heute" nach der Uhr des
Benutzers; toISOString() liefert dagegen UTC und damit zwischen
Mitternacht und 2 Uhr den VORTAG. In diesem Fenster schlug diese
Pruefung fehl, ohne dass etwas kaputt war. */
const tagText = (d = new Date()) =>
`${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}`
+ `-${String(d.getDate()).padStart(2, "0")}`;
let fehler = 0;
const ok = (b, t) => { console.log((b ? " ok " : " FEHL ") + t); if (!b) fehler++; };
await fetch(BASIS + "/workspace/api/anmelden", {
method: "POST", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ rolle: "admin", code: "x" }) }).catch(() => {});
const { DatabaseSync } = await import("node:sqlite");
const { scryptSync, randomBytes } = await import("node:crypto");
for (let i = 0; i < 60; i++) {
try {
const p = new DatabaseSync(process.env.WORKSPACE_DB);
try { p.prepare("SELECT 1 FROM personen LIMIT 1").get(); break; } finally { p.close(); }
} catch { await new Promise((r) => setTimeout(r, 250)); }
}
const d = new DatabaseSync(process.env.WORKSPACE_DB);
const jetzt = new Date().toISOString();
const heute = tagText();
const gestern = tagText(new Date(Date.now() - 86400_000));
const morgen = tagText(new Date(Date.now() + 86400_000));
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, aktiv, erstellt) VALUES (?,?,?,?,?,1,?)")
.run(name, rolle, hash, salt, 32768, jetzt);
return d.prepare("SELECT last_insert_rowid() AS id").get().id;
}
const idDogi = anlegen("Filipe", "admin", "CODE-DOGI-0001");
const idMara = anlegen("Mara", "manager", "CODE-MANA-0001");
const idPat = anlegen("Patrick", "scout", "CODE-SCOU-0001");
const idTili = anlegen("Tili", "creator", "CODE-ANNA-0001");
const idLuna = anlegen("Luna", "creator", "CODE-LUNA-0001");
const idRoy = anlegen("Roy", "creator", "CODE-ROYY-0001");
/* Mara (Manager) betreut Tili UND Luna -- damit hat sie mehr als einen
Creator und die Creator-Reihe erscheint wirklich.
Patrick (Scout) betreut Roy. */
d.prepare("INSERT INTO betreuung (creator_id, betreuer_id, seit) VALUES (?,?,?)").run(idTili, idMara, jetzt);
d.prepare("INSERT INTO betreuung (creator_id, betreuer_id, seit) VALUES (?,?,?)").run(idLuna, idMara, jetzt);
d.prepare("INSERT INTO betreuung (creator_id, betreuer_id, seit) VALUES (?,?,?)").run(idRoy, idPat, jetzt);
const neu = (titel, creator, verant, frist = null, status = "offen") =>
d.prepare(`INSERT INTO aufgaben (titel, beschreibung, status, prioritaet, frist,
creator_id, verantwortlich_id, erstellt, erstellt_von) VALUES (?,?,?,?,?,?,?,?,?)`)
.run(titel, "", status, "mittel", frist, creator, verant, jetzt, idDogi);
neu("TILI-OFFEN", idTili, idMara);
neu("TILI-UEBERFAELLIG", idTili, idMara, gestern);
neu("LUNA-OFFEN", idLuna, idMara);
neu("LUNA-HEUTE", idLuna, idMara, heute);
neu("ROY-OFFEN", idRoy, idPat);
neu("ROY-UEBERFAELLIG", idRoy, idPat, gestern);
neu("NUR-DOGI", null, idDogi, morgen);
/* Eine Aufgabe, die Tili SELBST verantwortet -- ein Creator muss auch
die sehen, nicht nur die "ueber" ihn. */
neu("TILI-SELBST", idTili, idTili);
d.close();
async function anmelden(rolle, code) {
const a = await fetch(BASIS + "/workspace/api/anmelden", {
method: "POST", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ rolle, code }),
});
return (a.headers.getSetCookie?.() || []).map((x) => x.split(";")[0]).join("; ");
}
const brett = async (keks) => {
const a = await fetch(BASIS + "/workspace/api/aufgaben", { headers: { cookie: keks } });
if (!a.ok) return { status: a.status, titel: [] };
return { status: a.status, titel: ((await a.json()).aufgaben || []).map((x) => x.titel).sort() };
};
const kDogi = await anmelden("admin", "CODE-DOGI-0001");
const kMara = await anmelden("manager", "CODE-MANA-0001");
const kPat = await anmelden("scout", "CODE-SCOU-0001");
const kTili = await anmelden("creator", "CODE-ANNA-0001");
/* ================================================================
1. WER SIEHT WAS -- der wichtigste Abschnitt
================================================================ */
console.log("\n=== Nur DogFather sieht alles");
const dogi = await brett(kDogi);
ok(dogi.titel.length === 8, `DogFather sieht alle acht (${dogi.titel.length})`);
const mara = await brett(kMara);
ok(mara.titel.length === 5,
`der Manager sieht seine fuenf: Tili + Luna (${mara.titel.join(", ")})`);
ok(!mara.titel.includes("NUR-DOGI"),
" und NICHT die Aufgabe, die nur DogFather gehoert");
ok(!mara.titel.some((t) => t.startsWith("ROY")),
" und NICHT die Creator eines anderen Betreuers");
const pat = await brett(kPat);
ok(pat.titel.length === 2 && pat.titel.every((t) => t.startsWith("ROY")),
`der Scout sieht nur seinen Creator (${pat.titel.join(", ")})`);
ok(!pat.titel.some((t) => t.startsWith("TILI") || t.startsWith("LUNA")),
" und nichts von den Creatorn des Managers");
const tili = await brett(kTili);
ok(tili.titel.length === 3 && tili.titel.every((t) => t.startsWith("TILI")),
`der Creator sieht nur seine eigenen (${tili.titel.join(", ")})`);
ok(tili.titel.includes("TILI-SELBST"),
" auch die, die er selbst verantwortet");
ok(!tili.titel.some((t) => t.startsWith("LUNA")),
" und nichts von einem anderen Creator desselben Betreuers");
/* DIE GEGENPROBE ZUR AENDERUNG: Vorher sah ein Manager auf diesem Brett
GAR NICHTS. Waere die Regel weiterhin so, waere die Zahl oben 0 --
deshalb wird sie hier ausdruecklich als "mehr als null" festgehalten. */
ok(mara.titel.length > 0,
"Gegenprobe zur alten Regel: der Manager sieht ueberhaupt etwas (vorher: nichts)");
/* ================================================================
2. AUCH IN DEN ANDEREN BEREICHEN nur die zugeteilten
================================================================ */
console.log("\n=== Und in den anderen Bereichen ebenso");
{
const d2 = new DatabaseSync(process.env.WORKSPACE_DB);
for (const [titel, creator] of [["TILI-EINTRAG", idTili], ["ROY-EINTRAG", idRoy]]) {
d2.prepare(`INSERT INTO eintraege (bereich, art, titel, text, status, dringlichkeit,
datum, creator_id, erstellt, erstellt_von) VALUES ('live','vorbereitung',?,?,?,?,?,?,?,?)`)
.run(titel, "", "offen", "niedrig", heute, creator, jetzt, idDogi);
}
d2.close();
const eintraege = async (keks) => {
const a = await fetch(BASIS + "/workspace/api/bereich/live", { headers: { cookie: keks } });
if (!a.ok) return [];
return ((await a.json()).eintraege || []).map((x) => x.titel).sort();
};
const eD = await eintraege(kDogi);
const eM = await eintraege(kMara);
ok(eD.length === 2, `DogFather sieht beide Bereichseintraege (${eD.join(", ")})`);
ok(eM.length === 1 && eM[0] === "TILI-EINTRAG",
`der Manager nur den seines Creators (${eM.join(", ")})`);
}
/* ================================================================
3. WAS EIN MANAGER WEITERHIN DARF
Die Sichtbarkeit wurde eingeschraenkt -- die RECHTE nicht. Ohne diese
Pruefung haette der Wunsch "er soll weniger sehen" stillschweigend
auch "er darf weniger" bedeutet, und das stand nirgends.
================================================================ */
console.log("\n=== Der Manager darf weiterhin, was er durfte");
{
const a = await fetch(BASIS + "/workspace/api/aufgaben", {
method: "POST", headers: { cookie: kMara, "Content-Type": "application/json" },
body: JSON.stringify({ titel: "MARA-NEU", prioritaet: "mittel", creator_id: idTili }),
});
ok(a.ok, `er kann eine Aufgabe anlegen (${a.status})`);
const p = await fetch(BASIS + "/workspace/api/personen", { headers: { cookie: kMara } });
ok(p.ok, `er sieht weiterhin die Personenliste (${p.status})`);
}
/* ================================================================
4. DIE SEITE SELBST
================================================================ */
console.log("\n=== Das Brett im Browser");
const { chromium } = await import(
"file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs");
const browser = await chromium.launch();
async function seiteAls(rolle, code, breite = 1280) {
const kontext = await browser.newContext({ viewport: { width: breite, height: 1100 } });
const konsole = [];
const seite = await kontext.newPage();
seite.on("console", (m) => { if (m.type() === "error") konsole.push(m.text()); });
seite.on("pageerror", (e) => konsole.push("pageerror: " + e.message));
await seite.goto(BASIS + "/workspace/", { waitUntil: "domcontentloaded" });
await seite.click(`.rolle[data-rolle="${rolle}"]`);
await seite.fill("#code", code);
await seite.click("button[type=submit]");
await seite.waitForURL("**/start.html", { timeout: 15000 });
await seite.goto(BASIS + "/workspace/aufgaben.html", { waitUntil: "networkidle" });
await seite.waitForTimeout(1200);
return { kontext, seite, konsole };
}
const lesen = (seite) => seite.evaluate(() => ({
lage: document.getElementById("lage")?.hidden === false
? document.querySelector(".lage__satz")?.textContent : null,
stufe: document.getElementById("lage")?.dataset.stufe,
meins: document.querySelector(".lage__meins")?.textContent || null,
schnitte: [...document.querySelectorAll(".schnitt")].map((b) => ({
name: b.querySelector("span")?.textContent,
zahl: b.querySelector(".schnitt__zahl")?.textContent,
aus: b.disabled,
})),
creator: [...document.querySelectorAll(".creator-knopf")].map((b) =>
b.querySelector(".creator-knopf__name")?.textContent),
creatorReiheDa: document.getElementById("creator-reihe")?.hidden === false,
karten: document.querySelectorAll(".karte").length,
ueber: document.documentElement.scrollWidth - document.documentElement.clientWidth,
/* Ist der Stil angekommen? Die Klassen stehen in aufgaben.css -- diese
Seite laedt sie, aber genau das ist hier schon zweimal schiefgegangen. */
gestaltet: (() => {
const b = document.querySelector(".schnitt");
if (!b) return null;
const st = getComputedStyle(b);
return parseFloat(st.borderTopWidth) >= 1 && parseFloat(st.borderTopLeftRadius) >= 8;
})(),
}));
/* ---- Der Manager: mehr Optionen, aber nur seine Creator ---- */
const bMara = await seiteAls("manager", "CODE-MANA-0001");
const rM = await lesen(bMara.seite);
ok(rM.lage !== null, `der Manager bekommt einen Lagesatz ("${rM.lage}")`);
ok(rM.stufe === "warnung", `und er warnt, weil etwas ueberfaellig ist (${rM.stufe})`);
ok(rM.gestaltet === true, "die Stile sind angekommen (Rand und Ecken gemessen)");
ok(rM.schnitte.length === 4,
`vier Ausschnitte: ${rM.schnitte.map((s) => `${s.name}=${s.zahl}`).join(" · ")}`);
ok(rM.schnitte.some((s) => s.name === "Nur meine"),
" darunter 'Nur meine' – die hat ein Betreuer");
const ueberf = rM.schnitte.find((s) => s.name === "Überfällig");
ok(ueberf?.zahl === "1", ` 'Überfällig' zeigt die richtige Zahl (${ueberf?.zahl})`);
ok(rM.creatorReiheDa && rM.creator.join(", ") === "Alle, Tili, Luna",
`die Creator-Reihe zeigt genau seine beiden (${rM.creator.join(", ")})`);
ok(!rM.creator.includes("Roy"),
" und NICHT den Creator eines anderen Betreuers");
ok(rM.ueber <= 0, `nichts steht ueber (${rM.ueber}px)`);
/* Einschraenken auf einen Creator -- und wirklich weniger sehen. */
const vorher = rM.karten;
await bMara.seite.click('.creator-knopf:has(.creator-knopf__name:text-is("Luna"))')
.catch(async () => {
await bMara.seite.evaluate(() => {
[...document.querySelectorAll(".creator-knopf")]
.find((b) => b.textContent.includes("Luna"))?.click();
});
});
await bMara.seite.waitForTimeout(400);
const nachher = await bMara.seite.evaluate(() => ({
karten: document.querySelectorAll(".karte").length,
titel: [...document.querySelectorAll(".karte__titel")].map((e) => e.textContent).sort(),
}));
ok(nachher.karten < vorher && nachher.titel.every((t) => t.startsWith("LUNA")),
`ein Klick auf einen Creator zeigt nur dessen Aufgaben `
+ `(${vorher} -> ${nachher.karten}: ${nachher.titel.join(", ")})`);
ok(bMara.konsole.length === 0,
`keine Fehler in der Konsole${bMara.konsole.length ? " -> " + bMara.konsole.join(" | ") : ""}`);
await bMara.seite.screenshot({ path: "pruef-aufgabenbrett.png", fullPage: false });
await bMara.kontext.close();
/* ---- Der Creator: mehr Detail, aber keine fremden Optionen ---- */
const bTili = await seiteAls("creator", "CODE-ANNA-0001");
const rT = await lesen(bTili.seite);
ok(rT.lage !== null, `der Creator bekommt denselben Lagesatz ("${rT.lage}")`);
ok(rT.schnitte.length === 3,
`drei Ausschnitte – ohne 'Nur meine' (${rT.schnitte.map((s) => s.name).join(" · ")})`);
ok(!rT.schnitte.some((s) => s.name === "Nur meine"),
" denn bei ihm ist ohnehin alles seins");
ok(!rT.creatorReiheDa,
"keine Creator-Reihe – ein Filter mit einem Eintrag ist ein Knopf, der nichts tut");
ok(rT.meins === null, "und keine 'davon bei dir'-Marke");
/* KEINE FESTE ZAHL. Der erste Anlauf erwartete hier drei -- und lag
falsch, weil der Abschnitt davor ("darf der Manager noch anlegen?")
eine vierte Aufgabe fuer denselben Creator erzeugt. Die Pruefung war
damit von ihrer eigenen Reihenfolge abhaengig, und das ist eine
Zeitbombe: Wer spaeter einen Abschnitt einfuegt, bekommt einen
Fehlschlag, der nichts mit seiner Aenderung zu tun hat.
Verglichen wird jetzt gegen die Schnittstelle -- das Brett muss genau
so viele Karten zeigen, wie der Server ihm gibt. Das ist ohnehin die
bessere Frage: nicht "sind es drei", sondern "verschluckt die Seite
etwas". */
const tiliJetzt = await brett(kTili);
ok(rT.karten === tiliJetzt.titel.length,
`das Brett zeigt genau, was der Server ihm gibt `
+ `(${rT.karten} Karten, ${tiliJetzt.titel.length} vom Server)`);
ok(tiliJetzt.titel.every((t) => t.startsWith("TILI") || t.startsWith("MARA")),
`und alles davon gehoert zu ihm (${tiliJetzt.titel.join(", ")})`);
ok(bTili.konsole.length === 0,
`keine Fehler in der Konsole${bTili.konsole.length ? " -> " + bTili.konsole.join(" | ") : ""}`);
await bTili.kontext.close();
/* ---- DogFather: dieselbe Leiste, aber ueber ALLE Creator ----
Ausdruecklich nachgereicht ("die Seite Aufgabe auch bei DogFather
machen bitte"). Er ist keine Creator-Rolle, bekommt die Leiste also
ohnehin -- geprueft wird, dass sie bei ihm auch WIRKLICH alles
umfasst und nicht nur die, die ihm zugeteilt waeren. */
const bDogi = await seiteAls("admin", "CODE-DOGI-0001");
const rD = await lesen(bDogi.seite);
ok(rD.lage !== null, `DogFather bekommt den Lagesatz ("${rD.lage}")`);
ok(rD.schnitte.length === 4,
`vier Ausschnitte: ${rD.schnitte.map((x) => `${x.name}=${x.zahl}`).join(" · ")}`);
ok(rD.creatorReiheDa, "und die Creator-Reihe");
ok(["Tili", "Luna", "Roy"].every((n) => rD.creator.includes(n)),
`sie umfasst ALLE Creator, nicht nur zugeteilte (${rD.creator.join(", ")})`);
ok(rD.karten >= 8, `er sieht weiterhin alles (${rD.karten} Karten)`);
/* Die Beschriftung: "Deine Creator" waere bei ihm eine falsche Auskunft. */
const schild = await bDogi.seite.evaluate(() =>
document.querySelector(".creator-reihe__schild")?.textContent);
ok(schild === "Alle Creator",
`die Reihe heisst bei ihm "Alle Creator" statt "Deine" ("${schild}")`);
ok(bDogi.konsole.length === 0,
`keine Fehler in der Konsole${bDogi.konsole.length ? " -> " + bDogi.konsole.join(" | ") : ""}`);
await bDogi.kontext.close();
/* ---- Der Scout: eine Creator-Reihe waere hier sinnlos ---- */
const bPat = await seiteAls("scout", "CODE-SCOU-0001");
const rP = await lesen(bPat.seite);
ok(!rP.creatorReiheDa,
"der Scout mit nur einem Creator bekommt die Reihe ebenfalls nicht");
ok(rP.karten === 2, `sieht seine zwei (${rP.karten})`);
await bPat.kontext.close();
/* ---- Handy ---- */
const bHandy = await seiteAls("manager", "CODE-MANA-0001", 390);
const rH = await lesen(bHandy.seite);
ok(rH.ueber <= 0, `auf dem Handy steht nichts ueber (${rH.ueber}px)`);
ok(rH.schnitte.length === 4, `die Ausschnitte sind auch dort da (${rH.schnitte.length})`);
await bHandy.kontext.close();
await browser.close();
try { rmSync(ordner, { recursive: true, force: true }); } catch { /* egal */ }
console.log(fehler ? `\n${fehler} Prüfung(en) fehlgeschlagen.` : "\nAlles in Ordnung.");
process.exit(fehler ? 1 : 0);