Files
dogfather-universe/server/pruef-wissen-neu.mjs
T
DogFatherGitandClaude Opus 5 568909ba87 Bibliothek: nur je einer oben, "wichtig" laeuft ab, Knopf steht fest
NEU & WICHTIG zeigte bis zu sechs Karten mit je vier Knoepfen -- eine
halbe Bildschirmseite, bevor ueberhaupt eine Kategorie zu sehen war.
Jetzt stehen genau ZWEI da: der wichtigste und der neueste. Bewusst je
einer und nicht die ersten zwei -- das sind zwei verschiedene Antworten
("was soll ich unbedingt lesen" und "was ist dazugekommen"). Alles
Weitere ist einen Klick entfernt, der Knopf nennt die Zahl.

"WICHTIG" LAEUFT JETZT EBENFALLS NACH 48 STUNDEN AB. Vorher blieb es
stehen, bis es jemand von Hand abschaltete -- mit dem absehbaren
Ergebnis, dass oben nach ein paar Wochen eine Liste von Dingen steht,
die laengst niemanden mehr angehen. Niemand raeumt so etwas auf.

Der Schalter bleibt trotzdem sinnvoll: Er hebt einen Eintrag fuer zwei
Tage nach oben, auch wenn dieser aelter ist. Er ist damit ein
Scheinwerfer, kein Regal.

DER AKTIONSKNOPF SPRANG -- "einmal rechts, einmal links". Die Ursache
war nicht die Seite, sondern die TEXTLAENGE: Die Kopfzeile ist eine
umbrechende Flex-Zeile, und der Textblock daneben durfte wachsen. Bei
kurzer Unterzeile blieb der Knopf rechts, bei langer ("Community-
Richtlinien, erlaubte und verbotene Inhalte, Altersprüfung, Sperren,
Verwarnungen, Datenschutz, Jugendschutz und sicheres Verhalten")
rutschte er darunter. Es sah aus wie zwei verschiedene Seiten und war
dieselbe Regel.

Jetzt schrumpft der Textblock und der Knopf nicht -- er steht auf jeder
Seite an derselben Stelle. Auf dem Handy rutscht er bewusst darunter und
nimmt die volle Breite, dort ist nebeneinander kein Platz.

NEUE PRUEFUNG pruef-wissen-neu.mjs. Sie legt ausdruecklich Eintraege mit
einem Zeitstempel von VOR DREI TAGEN an. Mit frischen Daten waere alles
neu, ein abgelaufener Eintrag kaeme nie vor, und die Pruefung waere
gruen, ohne den Fall je gesehen zu haben. Geprueft wird ausserdem, dass
das Aufklappen WIRKLICH mehr zeigt -- ein Knopf, der nur seine
Beschriftung aendert, ist keiner.

Zwei Fehler in der Pruefung selbst gefunden: Sie schrieb in Spalten, die
so nicht heissen (datei statt name_datei), und suchte die Karten unter
".karte" -- sie heissen .pdf, und der Ausdruck zaehlte stattdessen die
umschliessenden Container.

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

186 lines
8.7 KiB
JavaScript

/* Prueft "Neu & wichtig" in der Bibliothek:
1. Es steht nur JE EINER da -- der wichtigste und der neueste.
2. Der Rest kommt auf Knopfdruck und geht wieder weg.
3. "Wichtig" laeuft nach 48 Stunden ab, genau wie "neu".
Punkt 3 ist der, den man leicht falsch prueft: Mit frischen Daten ist
ALLES neu, und ein abgelaufener Eintrag kommt nie vor. Deshalb werden
hier ausdruecklich Eintraege mit einem Zeitstempel von vor drei Tagen
angelegt -- sonst waere die Pruefung gruen, ohne den Fall je gesehen
zu haben. */
import { mkdtempSync, rmSync, mkdirSync, writeFileSync } from "node:fs";
import { tmpdir } from "node:os";
import { join } from "node:path";
const ordner = mkdtempSync(join(tmpdir(), "ws-wissen-"));
process.env.WORKSPACE_DB = join(ordner, "workspace.db");
process.env.PORT = "4201";
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:4201";
setTimeout(() => { console.log("ABBRUCH"); process.exit(1); }, 200_000).unref?.();
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 salt = randomBytes(16).toString("hex");
const hash = scryptSync("CODE-DOGI-0001", 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("Filipe", "admin", hash, salt, 32768, jetzt);
/* Die Dateien muessen auf der Platte liegen, sonst zeigt die Seite sie
zwar an, aber der Server koennte sie nicht ausliefern. */
const wissenOrdner = join(ordner, "wissen");
mkdirSync(wissenOrdner, { recursive: true });
const vorDreiTagen = new Date(Date.now() - 3 * 86400_000).toISOString();
const vorEinerStunde = new Date(Date.now() - 3600_000).toISOString();
/* Vier Faelle, und der dritte ist der eigentliche Punkt. */
const EINTRAEGE = [
["Frisch und wichtig", 1, vorEinerStunde], // muss oben stehen
["Frisch, nicht wichtig", 0, vorEinerStunde], // muss oben stehen
["ALT aber wichtig", 1, vorDreiTagen], // darf NICHT mehr oben stehen
["Alt und unwichtig", 0, vorDreiTagen], // darf nicht oben stehen
["Noch einer frisch", 0, vorEinerStunde], // landet im Aufklappteil
];
for (const [titel, wichtig, wann] of EINTRAEGE) {
const datei = randomBytes(8).toString("hex") + ".pdf";
writeFileSync(join(wissenOrdner, datei), "%PDF-1.4\n%%EOF\n");
d.prepare(`INSERT INTO wissen
(titel, beschreibung, kategorie, stufe, geraet, name_datei, name_original, groesse,
wichtig, veroeffentlicht, hochgeladen, erstellt_von)
VALUES (?,?,?,?,?,?,?,?,?,?,?,?)`)
.run(titel, "Beschreibung", "tiktok-grundlagen", "einsteiger", "egal",
datei, titel + ".pdf", 1024, wichtig, wann.slice(0, 10), wann, 1);
}
d.close();
/* ---------- Was der Server liefert --------------------------------------- */
async function anmelden() {
const a = await fetch(BASIS + "/workspace/api/anmelden", {
method: "POST", headers: { "Content-Type": "application/json" },
body: JSON.stringify({ rolle: "admin", code: "CODE-DOGI-0001" }) });
return (a.headers.getSetCookie?.() || []).map((k) => k.split(";")[0]).join("; ");
}
const keks = await anmelden();
console.log("\n=== Was oben stehen darf");
{
const a = await fetch(BASIS + "/workspace/api/wissen", { headers: { Cookie: keks } });
const { neu } = await a.json();
const namen = neu.map((e) => e.titel);
console.log(" oben:", namen.join(" · "));
ok(namen.includes("Frisch und wichtig"), "das frische Wichtige steht oben");
ok(namen.includes("Frisch, nicht wichtig"), "das frisch Eingestellte auch");
/* DER EIGENTLICHE PUNKT: Vor dem 01.09.2026 blieb "wichtig" ewig
stehen. Ein drei Tage alter, als wichtig markierter Eintrag muss
jetzt verschwunden sein. */
ok(!namen.includes("ALT aber wichtig"),
`"wichtig" laeuft nach 48 Stunden ab (${namen.includes("ALT aber wichtig") ? "steht noch da" : "weg"})`);
ok(!namen.includes("Alt und unwichtig"), "und Altes ohne Marke erst recht");
/* Wichtiges zuerst -- sonst steht der Scheinwerfer an zweiter Stelle. */
ok(neu[0]?.titel === "Frisch und wichtig",
`Wichtiges steht an erster Stelle (${neu[0]?.titel})`);
ok(neu.every((e) => typeof e.ist_wichtig === "boolean"),
"jeder Eintrag sagt, ob er wichtig ist");
}
/* ---------- Was die Seite zeigt ------------------------------------------ */
console.log("\n=== Was die Seite zeigt");
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: 1000 } });
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="admin"]');
await seite.fill("#code", "CODE-DOGI-0001");
await seite.click("button[type=submit]");
await seite.waitForURL("**/start.html", { timeout: 15000 });
await seite.goto(BASIS + "/workspace/wissen.html", { waitUntil: "networkidle" });
await seite.waitForTimeout(900);
const lesen = () => seite.evaluate(() => {
const block = [...document.querySelectorAll(".block")]
.find((b) => b.querySelector(".block__titel")?.textContent === "Neu & wichtig");
if (!block) return null;
/* Die Karten heissen .pdf -- der erste Anlauf suchte nach
".karte" und zaehlte dabei die UMSCHLIESSENDEN Container mit. */
const sichtbar = [...block.querySelectorAll(".pdf")]
.filter((k) => k.offsetParent !== null);
return {
sichtbar: sichtbar.length,
titel: sichtbar.map((k) => k.querySelector(".pdf__titel, h3, strong")?.textContent?.trim())
.filter(Boolean),
restVerborgen: document.getElementById("neu-rest")?.hidden,
restAnzahl: document.getElementById("neu-rest")?.children.length ?? 0,
knopf: block.querySelector(".knopf-still")?.textContent?.trim() || null,
};
});
const r = await lesen();
console.log(" sichtbar:", r?.titel.join(" · "), "| Knopf:", r?.knopf);
ok(r !== null, "der Block \"Neu & wichtig\" ist da");
/* GENAU ZWEI: einer wichtig, einer neu. */
ok(r.sichtbar === 2, `es stehen genau zwei da (${r.sichtbar})`);
ok(r.restVerborgen === true, `der Rest ist zugeklappt (${r.restVerborgen})`);
ok(r.restAnzahl > 0, `und es gibt ueberhaupt einen Rest (${r.restAnzahl})`);
ok(/Alle \d+ zeigen/.test(r.knopf || ""), `der Knopf nennt die Zahl ("${r.knopf}")`);
/* Aufklappen muss WIRKLICH etwas zeigen -- ein Knopf, der nur seine
Beschriftung aendert, ist keiner. */
await seite.click(".block .knopf-still");
await seite.waitForTimeout(350);
const auf = await lesen();
ok(auf.sichtbar > r.sichtbar,
`aufgeklappt stehen mehr da (${r.sichtbar} -> ${auf.sichtbar})`);
ok(auf.restVerborgen === false, "der Rest ist sichtbar");
ok(!/Alle \d+ zeigen/.test(auf.knopf || ""),
`und der Knopf bietet das Zuklappen an ("${auf.knopf}")`);
/* Und wieder zu. */
await seite.click(".block .knopf-still");
await seite.waitForTimeout(350);
const zu = await lesen();
ok(zu.sichtbar === 2, `zugeklappt sind es wieder zwei (${zu.sichtbar})`);
ok(konsole.length === 0, `keine Fehler in der Konsole${konsole.length ? " -> " + konsole.join(" | ") : ""}`);
await 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);