Filipe: "ich will dass du dass system jetzt wie die vier kategorien bedient werden, perfektionnierst ... ich red von den aufgaben. das system von den aufgaben, die bedienung ... die hauptkachel von der kategorie nicht veraendern oder anfassen, die bleiben so." Die vier Kacheln sind unberuehrt. Geaendert ist, was danach kommt. --- 1. DAS VORLAGENBRETT WAR IM WEG --- Gemessen am Handy: Der Vorlagenblock fuellte ANDERTHALB BILDSCHIRME, bevor die erste eigene Aufgabe kam. Und mein eigener Ausbau von Profi und Meister ein paar Stunden vorher hat ihn noch laenger gemacht -- aus 48 Vorlagen wurden 80. Das ist die falsche Reihenfolge: Vorlagen holt man selten, das Brett benutzt man jeden Tag. Der Block bleibt an seiner Stelle (dort gehoert er hin, weil daraus Aufgaben auf das Brett darunter wandern), ist aber zugeklappt. Zugeklappt steht dort, WIE VIEL darin liegt -- sonst sieht er aus wie eine Ueberschrift ohne Inhalt und niemand macht ihn auf. Wer ihn aufmacht, findet ihn beim naechsten Mal offen: Wer Vorlagen holt, holt meistens mehrere. Und zugeklappt werden die achtzig Karten GAR NICHT ERST GEBAUT, nicht nur versteckt. --- 2. MAN SAH NICHT, WAS MAN SCHON GEHOLT HATTE --- Dieselbe Vorlage liess sich zweimal uebernehmen, und die Aufgabe stand dann zweimal auf dem Brett -- ohne jeden Hinweis. Bei achtzig Vorlagen ueber vier Stufen weiss niemand auswendig, was er letzten Monat schon geholt hat. Die Kennung der Vorlage steht jetzt an der Aufgabe (neue Spalte `vorlage`). Ueber den TITEL zu vergleichen waere die naheliegende Abkuerzung gewesen -- und faellt in dem Moment um, in dem jemand den Titel einer uebernommenen Aufgabe aendert. Uebernommene Karten treten zurueck (nicht: verschwinden -- wer sie ausblendet, nimmt die Moeglichkeit, sie bewusst noch einmal zu holen), tragen "schon uebernommen" MIT ZUSTAND, und ihr Knopf heisst "Nochmal". Darunter steht der Stand: "5 von 7 noch nicht uebernommen." Es braucht dafuer keine zweite Abfrage -- die Aufgaben liegen ohnehin im Browser. --- 3. DRINGEND SCHLAEGT WICHTIG --- Die Liste war nach PRIORITAET sortiert, dann nach Frist. Auf dem Brett stand damit eine seit vier Tagen ueberfaellige Aufgabe mit Prioritaet "niedrig" UNTER einer, die als "hoch" eingetragen ist und erst in dreissig Tagen faellig wird. Wer die Spalte von oben liest, faengt dann mit dem Falschen an. Eine Prioritaet ist eine Einschaetzung von damals, eine ueberschrittene Frist eine Tatsache von heute. Jetzt: erst was faellig ist, dann nach Datum, und die Prioritaet entscheidet nur noch bei gleichem Datum. Die Sortierung steht im SERVER -- Startseite und Uebersicht lesen dieselbe Liste, und zwei Sortierungen fuer dieselbe Frage laufen auseinander. --- 4. "WICHTIG" STEHT JETZT DA --- Die Prioritaet war ein 3 px breiter Rand links -- direkt neben der farbigen Kante der Spalte und damit praktisch unsichtbar. Als Wort steht sie dort, wo man sie liest. NUR bei "hoch" und nur solange nicht erledigt: Eine Marke an jeder Karte waere keine Marke mehr. --- Pruefung --- pruef-aufgaben-vorlagen: zugeklappt als Vorgabe (gemessen wird, dass die Karten gar nicht gebaut werden), Aufklappen, uebernommene Vorlage markiert samt Zustand und "Nochmal"-Knopf, Stand darunter, Zustand ueberlebt das Neuladen -- mit Gegenprobe, dass die uebrigen NICHT markiert sind. Dabei fiel eine eigene Nachlaessigkeit auf: Die Pruefung "die Karten sind gestaltet" mass zu einem Zeitpunkt, an dem es zugeklappt gar keine Karte gab -- getComputedStyle auf null liefert nichts, und der Haken wurde rot, ohne dass etwas kaputt war. Sie misst jetzt nach dem Aufklappen. pruef-aufgabenbrett: die Sortierung an zwei absichtlich unguenstig angelegten Aufgaben (ueberfaellig+niedrig gegen fern+hoch), plus die Gegenprobe, dass bei GLEICHER Frist weiterhin die Prioritaet entscheidet -- sonst waere die Prioritaet wirkungslos geworden, und das waere die andere Uebertreibung. Ausserdem gruen: pruef-css-klassen, pruef-start-ansicht, pruef-uebersicht. Co-Authored-By: Claude Opus 5 <[email protected]>
406 lines
21 KiB
JavaScript
406 lines
21 KiB
JavaScript
/* Prueft die Aufgaben-Vorlagen: vier Bereiche, vier Stufen, und den
|
|
Weg von der Vorlage zur echten Aufgabe.
|
|
|
|
WARUM DAS EINE EIGENE PRUEFUNG IST. Die Vorlagen sind Daten -- dass
|
|
sie vollstaendig sind, laesst sich in Sekunden zaehlen. Interessant
|
|
ist der Weg DANACH: Aus einer Vorlage muss eine Zeile in `aufgaben`
|
|
werden, mit Creator, Frist und Status, und sie muss in der
|
|
Aufgabenliste des Creators wirklich auftauchen. Zwischen "die Vorlage
|
|
gibt es" und "der Creator sieht die Aufgabe" liegen vier Schichten,
|
|
und jede kann still danebengehen.
|
|
|
|
DREI SORTEN GEGENPROBE, alle drei noetig:
|
|
- eine unbekannte Stufe MUSS abgelehnt werden,
|
|
- eine Uebernahme ohne Creator MUSS abgelehnt werden (eine Aufgabe
|
|
ohne Adressaten ist ein Zettel),
|
|
- ein Betreuer darf sie NICHT fuer einen fremden Creator anlegen. */
|
|
import { mkdtempSync, rmSync } from "node:fs";
|
|
import { tmpdir } from "node:os";
|
|
import { join } from "node:path";
|
|
|
|
const ordner = mkdtempSync(join(tmpdir(), "ws-aufv-"));
|
|
process.env.WORKSPACE_DB = join(ordner, "workspace.db");
|
|
process.env.PORT = "4211";
|
|
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");
|
|
notbremse(240_000, "pruef-aufgaben-vorlagen");
|
|
await new Promise((r) => setTimeout(r, 700));
|
|
const BASIS = "http://127.0.0.1:4211";
|
|
|
|
let fehler = 0;
|
|
const ok = (b, t) => { console.log((b ? " ok " : " FEHL ") + t); if (!b) fehler++; };
|
|
|
|
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();
|
|
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;
|
|
}
|
|
anlegen("Filipe", "admin", "CODE-DOGI-0001");
|
|
const idScout = anlegen("Patrick", "scout", "CODE-SCOU-0001");
|
|
const idTili = anlegen("Tili", "creator", "CODE-ANNA-0001");
|
|
const idFremd = anlegen("Fremd", "creator", "CODE-FREM-0001");
|
|
d.prepare("INSERT INTO betreuung (creator_id, betreuer_id, seit) VALUES (?,?,?)").run(idTili, idScout, jetzt);
|
|
d.close();
|
|
|
|
const keks = async (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((k) => k.split(";")[0]).join("; ");
|
|
};
|
|
const kScout = await keks("scout", "CODE-SCOU-0001");
|
|
const kTili = await keks("creator", "CODE-ANNA-0001");
|
|
const ruf = (pfad, k, o = {}) => fetch(BASIS + pfad, { ...o, headers: { Cookie: k, ...(o.headers || {}) } });
|
|
const senden = (pfad, k, art, koerper) => ruf(pfad, k, {
|
|
method: art, headers: { "Content-Type": "application/json" }, body: JSON.stringify(koerper || {}) });
|
|
|
|
/* ---------- 1. Die Vorlagen sind vollstaendig ---------------------------- */
|
|
console.log("\n=== Vier Bereiche, vier Stufen -- und Profi/Meister am besten bestueckt");
|
|
const alles = await (await ruf("/workspace/api/vorlagen", kScout)).json();
|
|
const V = alles.aufgaben;
|
|
ok(!!V, "die Aufgabenvorlagen werden ausgeliefert");
|
|
const BEREICHE = ["live", "content", "technik", "community"];
|
|
const STUFEN = ["anfaenger", "fort", "profi", "meister"];
|
|
let gesamt = 0;
|
|
for (const b of BEREICHE) {
|
|
const fehlend = STUFEN.filter((st) => !(V[b] || {})[st] || !V[b][st].length);
|
|
const n = STUFEN.reduce((s, st) => s + ((V[b] || {})[st] || []).length, 0);
|
|
gesamt += n;
|
|
ok(fehlend.length === 0 && n >= 8,
|
|
`${b}: ${n} Aufgaben über ${STUFEN.length - fehlend.length} von 4 Stufen`
|
|
+ (fehlend.length ? ` — fehlt: ${fehlend.join(", ")}` : ""));
|
|
}
|
|
/* KEINE FESTE GESAMTZAHL MEHR (09.09.2026).
|
|
|
|
Hier stand `gesamt === 48`. Das war richtig, solange es genau drei
|
|
Aufgaben je Bereich und Stufe gab -- und wurde in dem Moment falsch,
|
|
in dem Filipe mehr wollte: "ich will dass da noch mehr aufgeben und
|
|
moeglichkeiten sind." Eine Zahl, die bei jeder Verbesserung rot
|
|
wird, erzieht dazu, sie hochzusetzen statt hinzusehen.
|
|
|
|
Geprueft wird jetzt, was wirklich gemeint war: dass keine Stufe
|
|
leer ist und dass genug da ist. Und dazu die Regel, die aus seinem
|
|
Wunsch folgt. */
|
|
ok(gesamt >= 48, `zusammen ${gesamt} Aufgaben (mindestens 48)`);
|
|
|
|
/* PROFI UND MEISTER SIND NICHT DIE DUENNSTEN.
|
|
|
|
Filipe, 09.09.2026: "ich will dass die 2 kategorien profi und
|
|
meister ueberall noch mehr perfektionniert werden ... die muessen
|
|
richtig krass sein!!!!"
|
|
|
|
Gemessen war es genau andersherum: drei Aufgaben je Stufe, aber in
|
|
den Punktelisten daneben hatte Meister teils gar keinen Eintrag.
|
|
Das ist verkehrt: Anfaenger bleibt man Wochen, Meister Jahre -- der
|
|
oberste Rang braucht den groessten Vorrat, nicht den kleinsten.
|
|
|
|
Die Bedingung vergleicht mit FORTGESCHRITTEN statt mit einer festen
|
|
Zahl. So bleibt sie richtig, wenn irgendwann alle Stufen wachsen. */
|
|
{
|
|
const jeStufe = {};
|
|
for (const st of STUFEN) {
|
|
jeStufe[st] = BEREICHE.reduce((s, b) => s + ((V[b] || {})[st] || []).length, 0);
|
|
}
|
|
ok(jeStufe.profi >= jeStufe.fort && jeStufe.meister >= jeStufe.fort,
|
|
`Profi (${jeStufe.profi}) und Meister (${jeStufe.meister}) sind mindestens so gut `
|
|
+ `bestückt wie Fortgeschritten (${jeStufe.fort})`);
|
|
/* GEGENPROBE: Die Bedingung schlaegt an, wenn eine Stufe abfaellt.
|
|
Ohne sie hiesse "groesser gleich" nur, dass irgendwelche Zahlen
|
|
verglichen wurden. */
|
|
ok(!(1 >= jeStufe.fort), `und die Bedingung erkennt einen Rückfall (1 gegen ${jeStufe.fort})`);
|
|
/* Und jeder Bereich einzeln -- eine Summe kann eine Luecke decken. */
|
|
const duenn = BEREICHE.filter((b) => (V[b].profi || []).length < (V[b].fort || []).length
|
|
|| (V[b].meister || []).length < (V[b].fort || []).length);
|
|
ok(duenn.length === 0,
|
|
duenn.length ? `zu duenn bei: ${duenn.join(", ")}`
|
|
: `und das gilt in jedem der ${BEREICHE.length} Bereiche einzeln`);
|
|
}
|
|
|
|
/* Jede Aufgabe braucht Titel, Text, Frist und einen eindeutigen
|
|
Schluessel -- eine Aufgabe ohne Frist ist ein Wunsch. */
|
|
{
|
|
const flach = BEREICHE.flatMap((b) => STUFEN.flatMap((st) => (V[b][st] || [])));
|
|
const unvollstaendig = flach.filter((v) => !v.titel || !v.text || !v.tage || !v.schluessel);
|
|
ok(unvollstaendig.length === 0,
|
|
`jede Aufgabe hat Titel, Text, Frist und Schlüssel (${flach.length - unvollstaendig.length} von ${flach.length})`);
|
|
const schluessel = flach.map((v) => v.schluessel);
|
|
const doppelt = schluessel.filter((x, i) => schluessel.indexOf(x) !== i);
|
|
ok(doppelt.length === 0, `alle Schlüssel eindeutig${doppelt.length ? ": " + doppelt.join(", ") : ""}`);
|
|
/* DIE FRIST WAECHST NICHT DURCHGEHEND MIT DER STUFE -- und das ist
|
|
kein Mangel.
|
|
|
|
Der erste Anlauf verlangte anfaenger < fort < profi < meister und
|
|
schlug fehl: Profi kam auf 6,7 Tage, Fortgeschritten auf 7,4. Beim
|
|
Nachsehen war die Erwartung falsch, nicht die Zahl. Eine
|
|
Profi-Aufgabe ist meist eine MESSUNG -- "Upload messen und Bitrate
|
|
setzen", "Lautheit auf minus 20 bis minus 24 bringen": anspruchsvoll,
|
|
aber an einem Abend erledigt. Eine Fortgeschrittenen-Aufgabe wie
|
|
"Content-Saeulen anlegen und drei Wochen halten" braucht
|
|
zwangslaeufig Wochen, weil sie aus Wiederholung besteht.
|
|
|
|
Die Stufe sagt, was man KOENNEN muss, nicht wie lange es dauert.
|
|
|
|
Was dagegen wirklich gelten muss: Eine Anfaengeraufgabe ist an einem
|
|
Abend zu schaffen (sonst faengt niemand an), und eine Meisteraufgabe
|
|
ist es nie (sonst ist sie keine). */
|
|
const schnitt = (st) => {
|
|
const l = BEREICHE.flatMap((b) => V[b][st] || []);
|
|
return l.reduce((s, v) => s + v.tage, 0) / l.length;
|
|
};
|
|
const [sa, sf, sp, sm] = STUFEN.map(schnitt);
|
|
const anfListe = BEREICHE.flatMap((b) => V[b].anfaenger || []);
|
|
const meiListe = BEREICHE.flatMap((b) => V[b].meister || []);
|
|
const anfZuLang = anfListe.filter((v) => v.tage > 5);
|
|
const meiZuKurz = meiListe.filter((v) => v.tage < 7);
|
|
ok(anfZuLang.length === 0,
|
|
`jede Anfängeraufgabe ist in höchstens fünf Tagen zu schaffen`
|
|
+ (anfZuLang.length ? ` — zu lang: ${anfZuLang.map((v) => v.schluessel).join(", ")}` : ""));
|
|
ok(meiZuKurz.length === 0,
|
|
`keine Meisteraufgabe unter einer Woche`
|
|
+ (meiZuKurz.length ? ` — zu kurz: ${meiZuKurz.map((v) => v.schluessel).join(", ")}` : ""));
|
|
ok(sa < sm,
|
|
`Anfänger deutlich kürzer als Meister (${sa.toFixed(1)} gegen ${sm.toFixed(1)} Tage;`
|
|
+ ` fort ${sf.toFixed(1)}, profi ${sp.toFixed(1)} — dazwischen gilt keine Reihenfolge)`);
|
|
/* GEGENPROBE: Eine erfundene Anfaengeraufgabe mit 30 Tagen MUSS
|
|
auffallen -- sonst prueft die Regel oben nichts. */
|
|
ok([...anfListe, { schluessel: "test", tage: 30 }].filter((v) => v.tage > 5).length === 1,
|
|
`Gegenprobe: eine Anfängeraufgabe mit 30 Tagen fällt auf`);
|
|
}
|
|
|
|
/* ---------- 2. Aus der Vorlage wird eine echte Aufgabe -------------------- */
|
|
console.log("\n=== Von der Vorlage zur Aufgabe");
|
|
{
|
|
const vorher = (await (await ruf("/workspace/api/aufgaben", kTili)).json()).aufgaben?.length ?? 0;
|
|
const a = await senden("/workspace/api/vorlagen/uebernehmen", kScout, "POST",
|
|
{ art: "aufgabe", bereich: "technik", stufe: "anfaenger", nr: 0, creator_id: idTili });
|
|
ok(a.ok, `der Scout kann eine Aufgabe für seinen Creator übernehmen (${a.status})`);
|
|
|
|
const liste = (await (await ruf("/workspace/api/aufgaben", kTili)).json()).aufgaben || [];
|
|
ok(liste.length === vorher + 1, `sie steht in der Liste des Creators (${vorher} → ${liste.length})`);
|
|
const neu = liste.find((x) => x.titel === V.technik.anfaenger[0].titel);
|
|
ok(!!neu, `mit dem richtigen Titel ("${V.technik.anfaenger[0].titel}")`);
|
|
ok(!!neu && neu.status === "offen", `als offen angelegt (${neu?.status})`);
|
|
ok(!!neu && !!neu.frist, `und mit einer Frist (${neu?.frist})`);
|
|
/* Die Frist muss in der Zukunft liegen -- und zwar nach ORTSZEIT
|
|
gerechnet, nicht nach UTC. */
|
|
if (neu?.frist) {
|
|
const heute = new Date();
|
|
const h = `${heute.getFullYear()}-${String(heute.getMonth() + 1).padStart(2, "0")}`
|
|
+ `-${String(heute.getDate()).padStart(2, "0")}`;
|
|
ok(neu.frist > h, `die Frist liegt in der Zukunft (heute ${h}, Frist ${neu.frist})`);
|
|
}
|
|
}
|
|
|
|
/* Eine ganze Stufe auf einmal.
|
|
|
|
Hier stand `vorher + 3` -- die Zahl aus der Zeit, als jede Stufe
|
|
genau drei Aufgaben hatte. Seit dem Ausbau am 09.09.2026 sind es
|
|
sieben, und die Pruefung meldete einen Fehler, wo etwas besser
|
|
geworden war. Die erwartete Zahl kommt jetzt aus der Vorlage
|
|
selbst; damit prueft sie weiterhin genau das Richtige, naemlich
|
|
dass ALLE uebernommen werden und keine verlorengeht. */
|
|
{
|
|
const sollen = (V.community.meister || []).length;
|
|
const vorher = ((await (await ruf("/workspace/api/aufgaben", kTili)).json()).aufgaben || []).length;
|
|
const a = await senden("/workspace/api/vorlagen/uebernehmen", kScout, "POST",
|
|
{ art: "aufgaben_alle", bereich: "community", stufe: "meister", creator_id: idTili });
|
|
const nachher = ((await (await ruf("/workspace/api/aufgaben", kTili)).json()).aufgaben || []).length;
|
|
ok(a.ok && sollen > 0 && nachher === vorher + sollen,
|
|
`alle ${sollen} einer Stufe auf einmal (${vorher} → ${nachher})`);
|
|
}
|
|
|
|
/* ---------- 3. Gegenproben ------------------------------------------------ */
|
|
console.log("\n=== Gegenproben");
|
|
{
|
|
const a = await senden("/workspace/api/vorlagen/uebernehmen", kScout, "POST",
|
|
{ art: "aufgabe", bereich: "technik", stufe: "gibt-es-nicht", nr: 0, creator_id: idTili });
|
|
ok(a.status === 400, `eine unbekannte Stufe wird abgelehnt (${a.status})`);
|
|
|
|
const b = await senden("/workspace/api/vorlagen/uebernehmen", kScout, "POST",
|
|
{ art: "aufgabe", bereich: "erfunden", stufe: "anfaenger", nr: 0, creator_id: idTili });
|
|
ok(b.status === 400, `ein unbekannter Bereich wird abgelehnt (${b.status})`);
|
|
|
|
const c = await senden("/workspace/api/vorlagen/uebernehmen", kScout, "POST",
|
|
{ art: "aufgabe", bereich: "technik", stufe: "anfaenger", nr: 99, creator_id: idTili });
|
|
ok(c.status === 400, `eine Nummer, die es nicht gibt, wird abgelehnt (${c.status})`);
|
|
|
|
const e = await senden("/workspace/api/vorlagen/uebernehmen", kScout, "POST",
|
|
{ art: "aufgabe", bereich: "technik", stufe: "anfaenger", nr: 0 });
|
|
ok(e.status === 400, `ohne Creator wird abgelehnt — eine Aufgabe ohne Adressaten ist ein Zettel (${e.status})`);
|
|
|
|
const f = await senden("/workspace/api/vorlagen/uebernehmen", kScout, "POST",
|
|
{ art: "aufgabe", bereich: "technik", stufe: "anfaenger", nr: 0, creator_id: idFremd });
|
|
ok(f.status === 404, `für einen fremden Creator wird abgelehnt (${f.status})`);
|
|
|
|
/* Und der Creator selbst legt sie fuer sich an -- ohne creator_id,
|
|
der Server setzt sie. Sonst koennte er sie jemand anderem geben. */
|
|
const g = await senden("/workspace/api/vorlagen/uebernehmen", kTili, "POST",
|
|
{ art: "aufgabe", bereich: "live", stufe: "anfaenger", nr: 0, creator_id: idFremd });
|
|
const beiFremd = ((await (await ruf("/workspace/api/aufgaben", kTili)).json()).aufgaben || [])
|
|
.filter((x) => x.titel === V.live.anfaenger[0].titel).length;
|
|
ok(g.ok && beiFremd === 1,
|
|
`ein Creator legt sie für SICH an, auch wenn er jemand anderen angibt (${g.status})`);
|
|
}
|
|
|
|
/* ---------- 4. Im Browser: sieht man es, und geht es? -------------------- */
|
|
console.log("\n=== Auf der Aufgabenseite");
|
|
{
|
|
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: 1200, height: 1400 } });
|
|
const seite = await kontext.newPage();
|
|
const konsole = [];
|
|
seite.on("pageerror", (f) => konsole.push(f.message));
|
|
await seite.goto(BASIS + "/workspace/", { waitUntil: "domcontentloaded" });
|
|
await seite.click('.rolle[data-rolle="creator"]');
|
|
await seite.fill("#code", "CODE-ANNA-0001");
|
|
await seite.click("button[type=submit]");
|
|
await seite.waitForURL("**/start.html", { timeout: 20000 });
|
|
await seite.goto(BASIS + "/workspace/aufgaben.html", { waitUntil: "domcontentloaded" });
|
|
await seite.waitForTimeout(2500);
|
|
|
|
const d = await seite.evaluate(() => {
|
|
const b = document.getElementById("vorlagenbrett");
|
|
return {
|
|
sichtbar: !!b && !b.hidden,
|
|
reihen: document.querySelectorAll("#vorlagenbrett .stufenleiter").length,
|
|
karten: document.querySelectorAll("#vorlagenbrett .vorlagenbrett__karte").length,
|
|
knoepfe: document.querySelectorAll("#vorlagenbrett .vorlagenbrett__fuss .knopf").length,
|
|
/* Gestaltet oder nackt? Eine Karte ohne Kante ist keine Karte --
|
|
derselbe Fehler wie damals bei der Checkliste, wo das CSS in
|
|
der falschen Datei lag und die Pruefung trotzdem gruen war,
|
|
weil sie nur Elemente gezaehlt hat. */
|
|
gestaltet: (() => {
|
|
const k = document.querySelector("#vorlagenbrett .vorlagenbrett__karte");
|
|
if (!k) return null;
|
|
const st = getComputedStyle(k);
|
|
return parseFloat(st.borderTopWidth) >= 1 && parseFloat(st.paddingLeft) >= 8;
|
|
})(),
|
|
kopftext: document.querySelector("#vorlagenbrett .vorlagenbrett__unter")?.textContent,
|
|
ueber: document.documentElement.scrollWidth - document.documentElement.clientWidth,
|
|
};
|
|
});
|
|
ok(d.sichtbar, "der Block ist da");
|
|
|
|
/* ZUGEKLAPPT ALS VORGABE (09.09.2026).
|
|
|
|
Gemessen auf dem Handy: Der Block fuellte anderthalb Bildschirme,
|
|
BEVOR die erste eigene Aufgabe kam -- und nach dem Ausbau von Profi
|
|
und Meister am selben Tag noch mehr. Vorlagen holt man selten, das
|
|
Brett benutzt man taeglich.
|
|
|
|
Geprueft wird, dass die Karten GAR NICHT GEBAUT werden, nicht nur
|
|
dass sie versteckt sind: Achtzig Karten bei jedem Neuzeichnen
|
|
anzulegen, die niemand sieht, waere Arbeit fuer nichts. */
|
|
ok(d.karten === 0 && d.reihen === 0,
|
|
`zugeklappt steht nur die Zeile da (${d.karten} Karten, ${d.reihen} Reihen)`);
|
|
ok(/\d+ fertige Aufgaben/.test(d.kopftext || ""),
|
|
`und sagt, wie viel darin liegt ("${d.kopftext}")`);
|
|
|
|
/* Aufmachen, und alles ist da. */
|
|
await seite.click("#vorlagenbrett .vorlagenbrett__kopf");
|
|
await seite.waitForTimeout(600);
|
|
const d2 = await seite.evaluate(() => ({
|
|
reihen: document.querySelectorAll("#vorlagenbrett .stufenleiter").length,
|
|
karten: document.querySelectorAll("#vorlagenbrett .vorlagenbrett__karte").length,
|
|
knoepfe: document.querySelectorAll("#vorlagenbrett .vorlagenbrett__fuss .knopf").length,
|
|
auf: document.getElementById("vorlagenbrett").dataset.auf,
|
|
/* ERST JETZT MESSBAR. Zugeklappt gibt es keine Karte, und
|
|
getComputedStyle auf `null` liefert nichts -- die Messung von
|
|
vorhin war deshalb leer und der Haken darunter rot, ohne dass
|
|
etwas kaputt war. Eine Pruefung muss ihre Voraussetzung haben,
|
|
bevor sie misst. */
|
|
gestaltet: (() => {
|
|
const k = document.querySelector("#vorlagenbrett .vorlagenbrett__karte");
|
|
if (!k) return null;
|
|
const st = getComputedStyle(k);
|
|
return parseFloat(st.borderTopWidth) >= 1 && parseFloat(st.paddingLeft) >= 8;
|
|
})(),
|
|
ueber: document.documentElement.scrollWidth - document.documentElement.clientWidth,
|
|
}));
|
|
Object.assign(d, d2);
|
|
ok(d.auf === "ja", "ein Klick auf den Kopf macht ihn auf");
|
|
ok(d.reihen === 2, `zwei Knopfreihen: Bereich und Stufe (${d.reihen})`);
|
|
ok(d.karten === 3, `drei Aufgaben je Feld (${d.karten})`);
|
|
ok(d.knoepfe === 3, `jede hat einen Übernehmen-Knopf (${d.knoepfe})`);
|
|
ok(d.gestaltet === true, "die Karten sind gestaltet, nicht nackt");
|
|
ok(d.ueber <= 0, `nichts steht seitlich über (${d.ueber}px)`);
|
|
|
|
/* Der Bereich laesst sich wechseln, und die Karten wechseln mit. */
|
|
const vorher = await seite.textContent("#vorlagenbrett .vorlagenbrett__titel");
|
|
await seite.click("#vorlagenbrett .stufenleiter >> nth=0 >> .stufenleiter__knopf >> nth=2");
|
|
await seite.waitForTimeout(500);
|
|
const nachher = await seite.textContent("#vorlagenbrett .vorlagenbrett__titel");
|
|
ok(vorher !== nachher, `ein anderer Bereich zeigt andere Aufgaben ("${vorher}" → "${nachher}")`);
|
|
|
|
/* Und der Weg bis zum Brett. */
|
|
const zaehle = () => seite.evaluate(() => document.querySelectorAll("#brett .karte").length);
|
|
const brettVorher = await zaehle();
|
|
await seite.click("#vorlagenbrett .vorlagenbrett__fuss .knopf");
|
|
await seite.waitForTimeout(2500);
|
|
const brettNachher = await zaehle();
|
|
ok(brettNachher === brettVorher + 1,
|
|
`Übernehmen legt eine Aufgabe auf dem Brett an (${brettVorher} → ${brettNachher})`);
|
|
|
|
/* ---- WAS SCHON GEHOLT WURDE, STEHT DA (09.09.2026) -----------------
|
|
Vorher konnte man dieselbe Vorlage zweimal uebernehmen und bekam
|
|
die Aufgabe zweimal auf das Brett -- ohne jeden Hinweis. Bei
|
|
achtzig Vorlagen weiss niemand auswendig, was er letzten Monat
|
|
schon geholt hat. */
|
|
{
|
|
const m = await seite.evaluate(() => {
|
|
const k = [...document.querySelectorAll("#vorlagenbrett .vorlagenbrett__karte")];
|
|
return { markiert: k.filter((x) => x.dataset.schon === "ja").length,
|
|
gesamt: k.length,
|
|
text: document.querySelector("#vorlagenbrett .vorlagenbrett__schon")?.textContent,
|
|
knopf: k.find((x) => x.dataset.schon === "ja")
|
|
?.querySelector(".knopf")?.textContent,
|
|
stand: document.querySelector("#vorlagenbrett .vorlagenbrett__stand")?.textContent };
|
|
});
|
|
ok(m.markiert === 1,
|
|
`genau die übernommene Vorlage ist markiert (${m.markiert} von ${m.gesamt})`);
|
|
ok(/schon übernommen/.test(m.text || ""), `mit Zustand dabei ("${m.text}")`);
|
|
ok(m.knopf === "Nochmal", `und der Knopf heißt anders ("${m.knopf}")`);
|
|
ok(/\d+ von \d+/.test(m.stand || ""), `darunter steht der Stand ("${m.stand}")`);
|
|
|
|
/* GEGENPROBE: Die übrigen sind NICHT markiert. Ohne sie hiesse
|
|
"eine ist markiert" auch dann ok, wenn alle es waeren. */
|
|
ok(m.gesamt - m.markiert >= 1,
|
|
`die übrigen ${m.gesamt - m.markiert} sind nicht markiert`);
|
|
}
|
|
|
|
/* Und der Zustand des Blocks überlebt ein Neuladen -- wer Vorlagen
|
|
holt, holt meistens mehrere. */
|
|
await seite.reload({ waitUntil: "domcontentloaded" });
|
|
await seite.waitForTimeout(2200);
|
|
const nochAuf = await seite.evaluate(() =>
|
|
document.getElementById("vorlagenbrett")?.dataset.auf);
|
|
ok(nochAuf === "ja", `nach dem Neuladen ist er noch offen (${nochAuf})`);
|
|
|
|
ok(konsole.length === 0, `keine Fehler in der Konsole${konsole.length ? ": " + konsole[0] : ""}`);
|
|
await browser.close();
|
|
}
|
|
|
|
console.log(fehler ? `\n${fehler} Prüfung(en) fehlgeschlagen.` : "\nAlles in Ordnung.");
|
|
try { rmSync(ordner, { recursive: true, force: true }); } catch { /* egal */ }
|
|
process.exit(fehler ? 1 : 0);
|