dogfather-universe/server/pruef-sprung.mjs

/* Prueft den Sprung vom Bericht zu der Stelle, die eine Zahl zaehlt.

   Wunsch vom 01.09.2026: "auf dieser Seite will ich, dass wenn man auf
   die Kisten drueckt, sofort zu der Seite -- diesem Punkt --
   weitergeschickt wird, wo man draufgedrueckt hat."

   WAS HIER WIRKLICH SCHIEFGEHEN KANN, und warum diese Pruefung so
   ausfuehrlich ist:

   1. Ein Verweis, der irgendwohin fuehrt. "aufgaben.html" statt
      "aufgaben.html?zeigen=ueberfaellig" faellt niemandem auf -- man
      landet ja auf der richtigen Seite. Nur eben nicht an der Stelle.
      Geprueft wird deshalb die ADRESSE jeder einzelnen Kiste.

   2. Ein Ausschnitt, aus dem man nicht mehr herauskommt. Bleibt die
      Zielseite gefiltert, sieht man beim naechsten Besuch drei von
      zwanzig Aufgaben und haelt das fuer den ganzen Bestand. Geprueft
      wird, dass "Alles zeigen" wirklich alles zurueckbringt UND den
      Parameter aus der Adresse nimmt.

   3. Eine Hervorhebung, die das Falsche trifft. Deshalb wird gezaehlt:
      Die Zahl der hervorgehobenen Karten muss zu dem passen, was
      angelegt wurde -- nicht "mehr als null".

   4. Eine Pruefung, die immer bestaetigt. Zu jedem Sprung gehoert
      deshalb eine GEGENPROBE: dieselbe Seite OHNE Parameter darf
      nichts hervorheben und keine Leiste zeigen. */

import { mkdtempSync, rmSync } from "node:fs";
import { tmpdir } from "node:os";
import { join } from "node:path";

const ordner = mkdtempSync(join(tmpdir(), "ws-sprung-"));
process.env.WORKSPACE_DB = join(ordner, "workspace.db");
process.env.PORT = "4212";
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 }); };
import { notbremse } from "./helfer-notbremse.mjs";
await import("./index.js");
/* DIE NOTBREMSE. Muss NACH index.js stehen: Der Server haengt dort
   zwei Auffangnetze ein, die einen Absturz nur protokollieren --
   richtig fuer den Betrieb, fatal fuer eine Pruefung. Ohne diese
   Zeile bleibt der Prozess nach einem Fehler ewig stehen, weil der
   Server ihn am Leben haelt (siehe helfer-notbremse.mjs). */
notbremse(480_000, "pruef-sprung");
await new Promise((r) => setTimeout(r, 700));
const BASIS = "http://127.0.0.1:4212";
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 idTili = anlegen("Tili", "creator", "CODE-ANNA-0001");

/* ---- Ein Bestand mit BEKANNTEN Zahlen. Nur so kann die Pruefung
       sagen "genau drei" statt "mehr als null". ---- */
const AUFG = { offen: 3, arbeit: 1, review: 2, erledigt: 4 };
let nr = 0;
for (const [status, anzahl] of Object.entries(AUFG)) {
  for (let i = 0; i < anzahl; i++) {
    d.prepare(`INSERT INTO aufgaben
      (titel, beschreibung, status, prioritaet, creator_id, verantwortlich_id, erstellt, erstellt_von)
      VALUES (?,?,?,?,?,?,?,?)`)
      .run(`Aufgabe ${++nr} (${status})`, "", status, "mittel", idTili, idDogi, jetzt, idDogi);
  }
}
/* Zwei ueberfaellige -- eine offene und eine in Arbeit, damit die
   Hervorhebung SPALTENUEBERGREIFEND geprueft wird. Genau da bricht eine
   Umsetzung, die nur in einer Spalte sucht. */
for (const status of ["offen", "arbeit"]) {
  d.prepare(`INSERT INTO aufgaben
    (titel, beschreibung, status, prioritaet, frist, creator_id, verantwortlich_id, erstellt, erstellt_von)
    VALUES (?,?,?,?,?,?,?,?,?)`)
    .run(`Laengst faellig (${status})`, "", status, "hoch", gestern, idTili, idDogi, jetzt, idDogi);
}
const UEBERFAELLIG = 2;
/* Eine Frist in der Zukunft und eine erledigte mit alter Frist: Beide
   duerfen NICHT als ueberfaellig gelten. Ohne sie wuerde eine Umsetzung
   durchgehen, die schlicht jede Karte mit Frist hervorhebt. */
d.prepare(`INSERT INTO aufgaben (titel, beschreibung, status, prioritaet, frist,
  creator_id, verantwortlich_id, erstellt, erstellt_von) VALUES (?,?,?,?,?,?,?,?,?)`)
  .run("Frist erst morgen", "", "offen", "mittel", morgen, idTili, idDogi, jetzt, idDogi);
d.prepare(`INSERT INTO aufgaben (titel, beschreibung, status, prioritaet, frist,
  creator_id, verantwortlich_id, erstellt, erstellt_von) VALUES (?,?,?,?,?,?,?,?,?)`)
  .run("Alte Frist, aber fertig", "", "erledigt", "mittel", gestern, idTili, idDogi, jetzt, idDogi);
AUFG.offen += 2;      /* die beiden neuen offenen */
AUFG.arbeit += 1;
AUFG.erledigt += 1;

/* Bereichseintraege: zwei dringende, einer harmlos. */
for (const [titel, dringlich, status] of [
  ["Ton bricht ab", "hoch", "offen"],
  ["Licht zu dunkel", "hoch", "offen"],
  ["Kleinigkeit", "niedrig", "offen"],
  ["Schon erledigt", "hoch", "erledigt"],
]) {
  d.prepare(`INSERT INTO eintraege
    (bereich, art, titel, text, status, dringlichkeit, datum, creator_id, erstellt, erstellt_von)
    VALUES ('live','vorbereitung',?,?,?,?,?,?,?,?)`)
    .run(titel, "", status, dringlich, heute, idTili, jetzt, idDogi);
}
const DRINGEND_LIVE = 2;
const OFFEN_LIVE = 3;
d.close();

/* ---------------------------------------------------------------- */

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 });

/* ================================================================
   1. Die Kisten im Bericht sind Wege -- mit dem richtigen Ziel
   ================================================================ */
console.log("\n=== Die Kisten im Bericht fuehren irgendwohin");
await seite.goto(BASIS + "/workspace/report.html", { waitUntil: "networkidle" });
await seite.waitForTimeout(1400);

const kisten = await seite.evaluate(() => [...document.querySelectorAll(".kacheln .kachel")]
  .map((k) => ({
    name: k.querySelector(".kachel__name")?.textContent?.trim(),
    zahl: k.querySelector(".kachel__zahl")?.textContent?.trim(),
    ziel: k.tagName === "A" ? k.getAttribute("href") : null,
    beschriftung: k.getAttribute("aria-label") || "",
  })));

ok(kisten.length >= 10, `${kisten.length} Kennzahlen auf der Seite`);
const mitWeg = kisten.filter((k) => k.ziel);
ok(mitWeg.length >= 8, `  davon ${mitWeg.length} mit einem Weg dahinter`);

/* Die wichtigsten einzeln -- ein Verweis auf die richtige SEITE, aber
   ohne Stelle, waere sonst nicht zu unterscheiden. */
const soll = [
  ["Aufgaben erledigt", "aufgaben.html?zeigen=erledigt"],
  ["Aufgaben offen", "aufgaben.html?zeigen=offen"],
  ["überfällig", "aufgaben.html?zeigen=ueberfaellig"],
  ["Dateien im Review", "dateien.html?zeigen=review"],
  ["Dateien freigegeben", "dateien.html?zeigen=frei"],
  ["Termine gewesen", "kalender.html?zeigen=vergangen"],
  ["Termine stehen an", "kalender.html?zeigen=kommend"],
  ["dringende Punkte", "bereich.html?b=live&zeigen=dringend"],
];
for (const [name, ziel] of soll) {
  const k = kisten.find((x) => x.name === name);
  ok(k?.ziel === ziel, `  "${name}" fuehrt auf ${k?.ziel || "NIRGENDWOHIN"}`);
}
ok(kisten.every((k) => !k.ziel || /ansehen/.test(k.beschriftung)),
   "  jeder Weg hat einen Satz fuer Vorleseprogramme");

/* GEGENPROBE: Eine Kiste ohne Inhalt darf NICHT verlinkt sein. Ein Weg
   zu null Dingen ist eine Enttaeuschung, kein Angebot. Geprueft an
   "Content: neue Eintraege" -- dort wurde nichts angelegt. */
const leer = kisten.find((k) => k.name === "LIVE-Schnitt aus 0 Bewertung(en)");
ok(leer && !leer.ziel, `  Gegenprobe: "${leer?.name}" fuehrt bewusst nirgendwohin`);

/* ================================================================
   2. Aufgabenbrett: hervorheben, nicht filtern
   ================================================================ */
console.log("\n=== Der Sprung auf das Aufgabenbrett");
for (const [was, erwartet, wort] of [
  ["offen", AUFG.offen, "offen"],
  ["review", AUFG.review, "Freigabe"],
  ["erledigt", AUFG.erledigt, "erledigt"],
  ["ueberfaellig", UEBERFAELLIG, "Frist"],
]) {
  await seite.goto(`${BASIS}/workspace/aufgaben.html?zeigen=${was}`, { waitUntil: "networkidle" });
  await seite.waitForTimeout(900);
  const r = await seite.evaluate(() => ({
    treffer: document.querySelectorAll('.karte[data-treffer="ja"]').length,
    /* ALLE Karten muessen weiterhin da sein -- das Brett lebt davon,
       dass man die vier Spalten nebeneinander sieht. */
    karten: document.querySelectorAll(".karte").length,
    leiste: !!document.querySelector(".ziel-leiste"),
    text: document.querySelector(".ziel-leiste__text")?.textContent || "",
    marke: document.querySelector(".ziel-leiste__marke")?.textContent || "",
  }));
  ok(r.treffer === erwartet,
     `?zeigen=${was}: ${r.treffer} hervorgehoben (erwartet ${erwartet}), ${r.karten} Karten insgesamt`);
  ok(r.leiste && r.marke === String(erwartet), `  die Leiste sagt "${r.marke}"`);
  ok(new RegExp(wort, "i").test(r.text), `  und erklaert es ("${r.text}")`);
  ok(r.karten > erwartet, "  es wird hervorgehoben, NICHT gefiltert");
}

/* Der Weg zurueck. Ohne ihn bliebe die Seite fuer immer markiert. */
const zurueck = await seite.evaluate(async () => {
  document.querySelector(".ziel-leiste__weg").click();
  await new Promise((r) => setTimeout(r, 250));
  return {
    treffer: document.querySelectorAll('[data-treffer="ja"]').length,
    leiste: !!document.querySelector(".ziel-leiste"),
    adresse: location.search,
  };
});
ok(zurueck.treffer === 0 && !zurueck.leiste, '"Alles zeigen" nimmt die Hervorhebung zurueck');
ok(!zurueck.adresse.includes("zeigen"),
   `  und raeumt die Adresse mit auf ("${zurueck.adresse}") – sonst kaeme sie beim Neuladen wieder`);

/* GEGENPROBE: ohne Parameter darf nichts markiert sein. */
await seite.goto(BASIS + "/workspace/aufgaben.html", { waitUntil: "networkidle" });
await seite.waitForTimeout(900);
const ohne = await seite.evaluate(() => ({
  treffer: document.querySelectorAll('[data-treffer="ja"]').length,
  leiste: !!document.querySelector(".ziel-leiste"),
  karten: document.querySelectorAll(".karte").length,
}));
ok(ohne.treffer === 0 && !ohne.leiste && ohne.karten > 0,
   `Gegenprobe: ohne Parameter nichts hervorgehoben (${ohne.karten} Karten, ${ohne.treffer} markiert)`);

/* Und ein unbekannter Wert darf ebenfalls nichts tun -- nicht abstuerzen
   und nicht eine leere Leiste zeigen. */
await seite.goto(BASIS + "/workspace/aufgaben.html?zeigen=quatsch", { waitUntil: "networkidle" });
await seite.waitForTimeout(900);
const quatsch = await seite.evaluate(() => ({
  leiste: !!document.querySelector(".ziel-leiste"),
  karten: document.querySelectorAll(".karte").length,
}));
ok(!quatsch.leiste && quatsch.karten > 0,
   "Gegenprobe: ein unbekannter Wert wird still ignoriert");

/* ================================================================
   3. Bereichsseite: dringend hervorheben, offen filtern
   ================================================================ */
console.log("\n=== Der Sprung in die LIVE-Analyse");
await seite.goto(BASIS + "/workspace/bereich.html?b=live&zeigen=dringend", { waitUntil: "networkidle" });
await seite.waitForTimeout(1200);
const dr = await seite.evaluate(() => ({
  treffer: document.querySelectorAll('.eintrag-karte[data-treffer="ja"]').length,
  alle: document.querySelectorAll(".eintrag-karte").length,
  marke: document.querySelector(".ziel-leiste__marke")?.textContent || "",
}));
ok(dr.treffer === DRINGEND_LIVE,
   `dringende Eintraege hervorgehoben: ${dr.treffer} von ${dr.alle} (erwartet ${DRINGEND_LIVE})`);
ok(dr.alle > dr.treffer, "  die harmlosen stehen weiterhin da");

await seite.goto(BASIS + "/workspace/bereich.html?b=live&zeigen=offen", { waitUntil: "networkidle" });
await seite.waitForTimeout(1200);
const of = await seite.evaluate(() => ({
  alle: document.querySelectorAll(".eintrag-karte").length,
  treffer: document.querySelectorAll('.eintrag-karte[data-treffer="ja"]').length,
  gedrueckt: [...document.querySelectorAll("#filter .schritt")]
    .find((b) => b.getAttribute("aria-pressed") === "true")?.textContent,
}));
ok(of.alle === OFFEN_LIVE && of.treffer === OFFEN_LIVE,
   `nur die offenen: ${of.alle} gezeigt (erwartet ${OFFEN_LIVE})`);
ok(of.gedrueckt === "Nur offene",
   `  und der Filterknopf zeigt es an ("${of.gedrueckt}") – ein unsichtbarer Ausschnitt waere eine Falle`);

/* ================================================================
   4. Dateien: hier wird wirklich gefiltert
   ================================================================ */
console.log("\n=== Der Sprung in die Dateien");
await seite.goto(BASIS + "/workspace/dateien.html?zeigen=review", { waitUntil: "networkidle" });
await seite.waitForTimeout(1200);
const da = await seite.evaluate(() => ({
  leiste: !!document.querySelector(".ziel-leiste"),
  text: document.querySelector(".ziel-leiste__text")?.textContent || "",
  gedrueckt: [...document.querySelectorAll("#filter .schritt")]
    .find((b) => b.getAttribute("aria-pressed") === "true")?.textContent?.trim(),
}));
/* Es liegt keine Datei da -- und genau dieser Fall ist der wichtige:
   Wer auf eine Zahl klickt und auf einer leeren Seite landet, glaubt,
   er sei falsch abgebogen. Die Leiste muss ihm sagen, dass er richtig
   ist und die Sache erledigt. */
ok(da.leiste, "auch ohne Treffer erscheint die Leiste");
ok(/nichts davon da/.test(da.text), `  und sagt, dass hier nichts liegt ("${da.text}")`);
ok(/review/i.test(da.gedrueckt || ""), `  der Filter steht auf "${da.gedrueckt}"`);

/* ================================================================
   5. Kalender: schaltet auf die Liste um
   ================================================================ */
console.log("\n=== Der Sprung in den Kalender");
await seite.goto(BASIS + "/workspace/kalender.html?zeigen=kommend", { waitUntil: "networkidle" });
await seite.waitForTimeout(1400);
const ka = await seite.evaluate(() => ({
  ansicht: document.getElementById("kalender")?.dataset.ansicht,
  gedrueckt: [...document.querySelectorAll(".k-ansicht")]
    .find((b) => b.getAttribute("aria-pressed") === "true")?.dataset.ansicht,
  leiste: !!document.querySelector(".ziel-leiste"),
}));
ok(ka.ansicht === "liste",
   `der Kalender schaltet auf die Liste um (${ka.ansicht}) – in der Monatsansicht liesse sich `
   + "vergangen/kommend gar nicht hervorheben");
ok(ka.gedrueckt === "liste",
   `  und der Ansichtsknopf zeigt dasselbe (${ka.gedrueckt}) – sonst behauptet die Leiste "Monat"`);
ok(ka.leiste, "  die Leiste ist da");

/* ================================================================ */
ok(konsole.length === 0,
   `keine Fehler in der Konsole${konsole.length ? " -> " + konsole.join(" | ") : ""}`);

await seite.goto(BASIS + "/workspace/report.html", { waitUntil: "networkidle" });
await seite.waitForTimeout(1200);
await seite.screenshot({ path: "pruef-sprung.png", fullPage: false });

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);