Filipe: "dieser button soll bei jeder rolle perfekt funktionieren
bitte."
GEMESSEN, NICHT GERATEN. Serverseitig war nichts rollenabhaengig:
alle drei Routen (Schluessel, Stand, Probe) antworten jeder der acht
Rollen mit 200, und `willHaben` haengt an der Person, nicht an der
Rolle. Der Mangel lag woanders -- und genau dort, wo die Rolle
entscheidet: BEI DEN SEITEN.
14 Seiten haben eine Kopfleiste und luden glocke.js nicht. Welche
Seiten jemand benutzt, haengt an seiner Rolle:
Creator -> befinden.html, werdegang.html, teilen.html
Scout -> talente.html, bewerbungen.html
Modi -> treff-moderation.html, treff-regeln.html
Manager -> entwicklung.html, teamlage.html
Keine dieser Seiten hatte den Knopf. Wer dort war, konnte
Benachrichtigungen nicht einschalten -- und hat nicht einmal gesehen,
dass es sie gibt. Das CSS war ueberall schon da (start.css), es
fehlte allein die eine Skriptzeile. Jetzt steht er auf allen 34
Seiten mit Kopfleiste.
AUSGENOMMEN, UND ZWAR NAMENTLICH: anruf-probe.html. Die Seite hat
kein kopf.js, ist eine eigenstaendige Diagnoseseite, und
anruf-probe.js verweist ausdruecklich auf "im Chat oben auf die
Glocke tippen". Die Ausnahme steht in der Pruefung als Name, nicht
als Schweigen.
WARUM DIE PRUEFUNG DAS NICHT GEFUNDEN HAT -- zwei abgeschriebene
Listen, beide unter einer Ueberschrift, die mehr versprach:
"Der Knopf ist UEBERALL" sah 8 von 37 Seiten an.
"JEDE Rolle bekommt ihn" sah 4 von 8 Rollen an -- es fehlten
rechte Hand, linke Hand, Modi und
Spicy Media. Ausgerechnet die Modis
sind die groesste Gruppe im Haus.
Beide waren gruen. Sie haben nicht falsch gemessen, sie haben das
Falsche gemessen. Jetzt kommt die Seitenliste aus dem Verzeichnis
(jede Seite mit Kopfleiste) und die Rollenliste umfasst alle acht --
eine Liste, die niemand pflegt, kann nicht veralten. Und die Zahl
steht in der Bedingung, damit "auf allen 0 geprueften" nicht gruen
sein kann.
Dabei fielen zwei Dinge an der Pruefung selbst an: Ihr `anlegen`
setzte keine `code_kennung`, und ihre Anmeldung klickte stur auf
`.rolle[data-rolle="..."]`. Beides brach bei rechter Hand, linker
Hand und Modi ab -- den drei Rollen mit dem STILLEN ZUGANG, die
absichtlich keine eigene Kachel haben (Filipe, 09.09.2026: "damit die
von der workspace auch nicht mal sehen dass die modis von mir einen
eigenen zugang haben"). Sie tippen auf irgendeine Kachel, der Code
entscheidet. Derselbe Stolperstein hat vorher auch meine eigene
Messung dreimal "kommt nicht hinein" melden lassen -- ein Messfehler,
der wie ein schwerer Befund aussah.
31 -> 36 gepruefte Punkte, keiner weggefallen. Gruen: pruef-glocke,
pruef-push, pruef-push-ziel, pruef-css-klassen. Dazu eine eigene
Messung ueber alle acht Rollen: Knopf da, Routen 200/200/200,
8 Messungen, 0 Befunde.
Co-Authored-By: Claude Opus 5 <[email protected]>
632 lines
28 KiB
JavaScript
632 lines
28 KiB
JavaScript
/* DER BENACHRICHTIGUNGS-KNOPF, IM ECHTEN BROWSER.
|
|
|
|
Wunsch Filipe, 05.09.2026, mit dem Bild eines "Benachrichtigungen
|
|
aus"-Knopfes: *"ich will auch sowas und dass es perfekt funktioniert
|
|
auf der seite für jeden!!!!"*
|
|
|
|
---------------------------------------------------------------------
|
|
WAS HIER NICHT GEMESSEN WERDEN KANN — und warum das dasteht
|
|
|
|
`pushManager.subscribe()` braucht einen echten Push-Dienst. Chromium
|
|
spricht dafür mit Googles FCM, Firefox mit Mozillas autopush. Ein
|
|
Browser, der in einer Prüfung startet, hat diese Verbindung nicht --
|
|
der Aufruf scheitert, und daran ist nichts zu ändern.
|
|
|
|
Das ist der DRITTE AUSGANG aus der Projektnotiz: nicht in Ordnung ist
|
|
etwas anderes als nicht nachgesehen. Diese Prüfung tut deshalb
|
|
zweierlei:
|
|
|
|
1. Sie MISST ZUERST, ob echtes subscribe hier geht. Geht es, wird
|
|
der echte Weg geprüft. Geht es nicht, wird das ausdrücklich
|
|
gemeldet -- nicht verschwiegen und nicht als "bestanden".
|
|
|
|
2. Für alles andere tritt ein Test-Doppel an die Stelle des
|
|
Browser-Kanals: Der PushManager wird ersetzt, alles davor und
|
|
dahinter bleibt echt. Damit sind Knopf, Zustände, Server-Aufrufe
|
|
und Speicherung wirklich geprüft -- nur die Strecke zwischen
|
|
Browser und Google nicht.
|
|
|
|
Was die Rechnung selbst angeht, ist die Lage besser als es klingt:
|
|
pruef-push.mjs prüft sie gegen die Testvektoren aus RFC 8291 und
|
|
8292, pruef-push-weg.mjs schickt eine Nachricht durch einen
|
|
nachgebauten Dienst und macht sie wieder auf. Was hier fehlt, ist
|
|
allein der Schritt "Browser holt sich eine Adresse bei Google".
|
|
|
|
---------------------------------------------------------------------
|
|
GEMESSEN WIRD
|
|
|
|
* Steht der Knopf auf JEDER Seite (außer der Anmeldeseite)?
|
|
* Sagt er in jeder Lage die Wahrheit -- auch wenn sie unbequem ist?
|
|
(abgelehnt, iPhone im Reiter, alter Browser)
|
|
* Legt ein Klick wirklich eine Anmeldung an, und nimmt ein zweiter
|
|
sie wieder weg?
|
|
* Bekommt jede ROLLE ihn -- "für jeden" war der Wunsch.
|
|
|
|
GEGENPROBEN durchgehend. */
|
|
|
|
import { mkdtempSync, rmSync, appendFileSync, readdirSync, readFileSync }
|
|
from "node:fs";
|
|
import { tmpdir } from "node:os";
|
|
import { join, dirname } from "node:path";
|
|
import { fileURLToPath } from "node:url";
|
|
|
|
/* WO DIE SEITEN LIEGEN. Abgeleitet vom eigenen Ort, nicht als
|
|
fester Pfad -- damit die Pruefung auch laeuft, wenn jemand das
|
|
Verzeichnis woandershin legt. */
|
|
const SEITEN_ORDNER = join(dirname(fileURLToPath(import.meta.url)),
|
|
"..", "workspace");
|
|
|
|
const ordner = mkdtempSync(join(tmpdir(), "ws-glocke-"));
|
|
process.env.WORKSPACE_DB = join(ordner, "workspace.db");
|
|
|
|
import { notbremse } from "./helfer-notbremse.mjs";
|
|
const { eigenerPort } = await import("./helfer-port.mjs");
|
|
const PORT = await eigenerPort(import.meta, "die Glockenpruefung");
|
|
|
|
process.env.PORT = `${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 }); };
|
|
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-glocke");
|
|
await new Promise((r) => setTimeout(r, 900));
|
|
const BASIS = `http://127.0.0.1:${PORT}`;
|
|
|
|
const PROTOKOLL = join(process.cwd(), "pruef-glocke-lauf.txt");
|
|
try { rmSync(PROTOKOLL, { force: true }); } catch { /* gab es noch nicht */ }
|
|
const melde = (z) => {
|
|
console.log(z);
|
|
try { appendFileSync(PROTOKOLL, z + "\n"); } catch { /* Zugabe */ }
|
|
};
|
|
let fehler = 0;
|
|
const ok = (b, t) => { melde((b ? " ok " : " FEHL ") + t); if (!b) fehler++; };
|
|
const hinweis = (t) => melde(" -- " + t);
|
|
|
|
/* ---- Bestand ------------------------------------------------------------ */
|
|
const { DatabaseSync } = await import("node:sqlite");
|
|
const { scryptSync, randomBytes, createHmac } = await import("node:crypto");
|
|
await fetch(BASIS + "/workspace/api/anmelden", {
|
|
method: "POST", headers: { "Content-Type": "application/json" },
|
|
body: JSON.stringify({ rolle: "admin", code: "x" }) }).catch(() => {});
|
|
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();
|
|
/* DER SUCHSCHLUESSEL FUER DEN STILLEN ZUGANG (24.09.2026).
|
|
|
|
Rechte Hand, linke Hand und Modi haben keine eigene Kachel; der
|
|
Server findet sie ueber `code_kennung`, einen HMAC des Codes.
|
|
Fehlt diese Spalte, kommen sie gar nicht herein -- und das sah in
|
|
dieser Pruefung aus wie ein Fehler an der Glocke, war aber einer
|
|
am Aufbau der Testdaten. */
|
|
const kennSchluessel = randomBytes(32).toString("hex");
|
|
d.prepare("INSERT INTO einstellungen (schluessel, wert, geaendert, von)"
|
|
+ " VALUES (?,?,?,NULL) ON CONFLICT(schluessel) DO NOTHING")
|
|
.run("code_kennung_schluessel", kennSchluessel, 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", kennSchluessel).update(code).digest("hex"), jetzt);
|
|
return d.prepare("SELECT last_insert_rowid() AS id").get().id;
|
|
}
|
|
const idDogi = anlegen("Filipe", "admin", "CODE-DOGI-0001");
|
|
anlegen("Cigdem", "manager", "CODE-MANA-0001");
|
|
const idScout = anlegen("Patrick", "scout", "CODE-SCOU-0001");
|
|
const idLuna = anlegen("Luna", "creator", "CODE-CREA-0001");
|
|
/* DIE UEBRIGEN VIER ROLLEN (24.09.2026).
|
|
Sie fehlten, und deshalb fehlten sie auch im Abschnitt "Jede Rolle
|
|
bekommt ihn" weiter unten -- der pruefte vier von acht und hiess
|
|
trotzdem "jede". */
|
|
anlegen("VanVan", "hand", "CODE-HAND-0001");
|
|
anlegen("Funny", "linke", "CODE-LINK-0001");
|
|
anlegen("Miss", "modi", "CODE-MODI-0001");
|
|
anlegen("Spicy Media", "spicy", "CODE-SPIC-0001");
|
|
d.prepare("INSERT INTO betreuung (creator_id, betreuer_id, seit) VALUES (?,?,?)").run(idLuna, idScout, jetzt);
|
|
d.close();
|
|
|
|
const pw = await import("file:///C:/Users/qciga/Documents/Obelix/Analyse/node_modules/playwright/index.mjs");
|
|
|
|
/** Ein Test-Doppel für den Browser-Push-Kanal.
|
|
*
|
|
* Ersetzt NUR pushManager -- Berechtigung, Service Worker, Knopf,
|
|
* fetch und Server bleiben echt. Der Endpunkt sieht aus wie einer von
|
|
* Google und ist https, weil der Server das verlangt (und verlangen
|
|
* soll: eine http-Zustelladresse wäre im Klartext erreichbar). */
|
|
const DOPPEL = `
|
|
(() => {
|
|
const abo = {
|
|
endpoint: 'https://fcm.googleapis.com/fcm/send/PRUEF-' + Math.random().toString(36).slice(2),
|
|
getKey: (art) => new Uint8Array(art === 'auth' ? 16 : 65).fill(7),
|
|
toJSON: () => ({ keys: {
|
|
p256dh: 'BQ'.padEnd(87, 'A'), auth: 'AQ'.padEnd(22, 'A'),
|
|
} }),
|
|
unsubscribe: async () => true,
|
|
};
|
|
let angemeldet = null;
|
|
const manager = {
|
|
subscribe: async () => { angemeldet = abo; return abo; },
|
|
getSubscription: async () => angemeldet,
|
|
};
|
|
/* Auch die Registrierung wird abgefangen: Der Service Worker
|
|
selbst wird hier nicht gebraucht, und ein fehlgeschlagenes
|
|
register() würde den ganzen Ablauf abbrechen. */
|
|
const reg = { pushManager: manager, showNotification: async () => {} };
|
|
Object.defineProperty(navigator, 'serviceWorker', {
|
|
configurable: true,
|
|
value: {
|
|
register: async () => reg,
|
|
getRegistration: async () => reg,
|
|
ready: Promise.resolve(reg),
|
|
addEventListener: () => {},
|
|
},
|
|
});
|
|
window.__doppel = true;
|
|
})();
|
|
`;
|
|
|
|
/* DEN BERECHTIGUNGSSTAND SETZEN — und warum das nötig ist.
|
|
|
|
Ein Chromium, der in einer Prüfung startet, meldet
|
|
`Notification.permission === "denied"`. Ein echter Browser meldet
|
|
beim ersten Besuch "default" und fragt erst, wenn man klickt.
|
|
|
|
Ohne diese Zeile misst die Prüfung also überall den Zustand
|
|
"schon einmal abgelehnt" -- und der Knopf sagt dann völlig zu Recht
|
|
"Vom Browser blockiert". Beim ersten Lauf standen deshalb acht
|
|
Fehler da, von denen keiner ein Fehler war: Der Knopf tat genau das
|
|
Richtige, nur zur falschen Frage.
|
|
|
|
`grantPermissions` allein genügt nicht -- es setzt die Berechtigung
|
|
im Browser, aber der Ausgangszustand "noch nicht gefragt" lässt sich
|
|
damit nicht herstellen. Deshalb wird beides gesetzt: der Stand und,
|
|
wo nötig, die Antwort auf die Nachfrage. */
|
|
function berechtigung(stand) {
|
|
return `
|
|
(() => {
|
|
Object.defineProperty(Notification, 'permission',
|
|
{ value: '${stand}', configurable: true });
|
|
Notification.requestPermission = async () => '${stand === "default" ? "granted" : stand}';
|
|
})();
|
|
`;
|
|
}
|
|
|
|
async function anmelden(ctx, rolle, code) {
|
|
const seite = await ctx.newPage();
|
|
await seite.goto(BASIS + "/workspace/", { waitUntil: "networkidle" });
|
|
/* DER STILLE ZUGANG (09.09.2026, hier nachgezogen am 24.09.2026).
|
|
|
|
Rechte Hand, linke Hand und Modi haben ABSICHTLICH keine eigene
|
|
Kachel auf der Anmeldeseite -- Filipes Wunsch: "damit die von der
|
|
workspace auch nicht mal sehen dass die modis von mir einen
|
|
eigenen zugang haben." Sie tippen auf irgendeine vorhandene
|
|
Kachel, und der Code allein entscheidet.
|
|
|
|
Solange diese Pruefung nur vier Rollen ansah, fiel es nicht auf.
|
|
Seit sie alle acht ansieht, waere `click` auf eine Kachel, die
|
|
es nicht gibt, ein Abbruch -- und der saehe aus wie ein Fehler
|
|
an der Glocke, obwohl er einer an der Pruefung waere. */
|
|
const kachel = await seite.$(`.rolle[data-rolle="${rolle}"]`)
|
|
|| await seite.$(".rolle");
|
|
if (!kachel) throw new Error("keine einzige Rollenkachel auf der Anmeldeseite");
|
|
await kachel.click();
|
|
await seite.fill("#code", code);
|
|
await seite.click("button[type=submit]");
|
|
await seite.waitForURL("**/start.html", { timeout: 25000 });
|
|
return seite;
|
|
}
|
|
|
|
/* =======================================================================
|
|
1. Geht ECHTES subscribe in dieser Umgebung?
|
|
======================================================================= */
|
|
melde("\n=== Lässt sich der echte Browser-Kanal hier messen? ===");
|
|
let echtGeht = false;
|
|
{
|
|
const browser = await pw.chromium.launch();
|
|
const ctx = await browser.newContext({ permissions: ["notifications"] });
|
|
const seite = await anmelden(ctx, "admin", "CODE-DOGI-0001");
|
|
|
|
const ergebnis = await seite.evaluate(async () => {
|
|
try {
|
|
const reg = await navigator.serviceWorker.register('/workspace/sw.js', { scope: '/workspace/' });
|
|
await navigator.serviceWorker.ready;
|
|
const a = await fetch('/workspace/api/push/schluessel', { credentials: 'same-origin' });
|
|
const { schluessel } = await a.json();
|
|
const roh = atob(schluessel.replace(/-/g, '+').replace(/_/g, '/')
|
|
+ '='.repeat((4 - schluessel.length % 4) % 4));
|
|
const abo = await reg.pushManager.subscribe({
|
|
userVisibleOnly: true,
|
|
applicationServerKey: Uint8Array.from(roh, (c) => c.charCodeAt(0)),
|
|
});
|
|
return { ok: true, endpunkt: abo.endpoint.slice(0, 40) };
|
|
} catch (f) { return { ok: false, grund: String(f?.message || f).slice(0, 80) }; }
|
|
});
|
|
|
|
echtGeht = ergebnis.ok;
|
|
if (echtGeht) {
|
|
ok(true, `echtes subscribe GEHT hier — geprüft wird der echte Weg (${ergebnis.endpunkt}…)`);
|
|
} else {
|
|
/* KEIN FEHLER, aber auch kein Haken: der dritte Ausgang. */
|
|
hinweis(`echtes subscribe geht hier NICHT: ${ergebnis.grund}`);
|
|
hinweis(` Grund: ein Prüf-Browser hat keine Verbindung zu Googles Push-Dienst.`);
|
|
hinweis(` Die Verschlüsselung selbst ist in pruef-push.mjs gegen die`);
|
|
hinweis(` RFC-Testvektoren geprüft, die Zustellung in pruef-push-weg.mjs.`);
|
|
hinweis(` Hier wird der PushManager ersetzt; alles davor und dahinter ist echt.`);
|
|
}
|
|
await browser.close();
|
|
}
|
|
|
|
/* =======================================================================
|
|
2. Steht der Knopf da — auf jeder Seite, bei jeder Rolle?
|
|
======================================================================= */
|
|
melde("\n=== Der Knopf ist überall ===");
|
|
{
|
|
const browser = await pw.chromium.launch();
|
|
const ctx = await browser.newContext();
|
|
await ctx.addInitScript(berechtigung("default"));
|
|
const seite = await anmelden(ctx, "admin", "CODE-DOGI-0001");
|
|
|
|
/* DIE LISTE WIRD ABGELEITET, NICHT ABGESCHRIEBEN (24.09.2026).
|
|
|
|
Hier standen acht Namen -- und der Abschnitt darueber heisst
|
|
"Der Knopf ist ueberall". Er war gruen, weil alle acht ihn
|
|
hatten. Gemessen am selben Tag: VIERZEHN WEITERE Seiten haben
|
|
eine Kopfleiste und hatten keinen Knopf, darunter befinden.html,
|
|
werdegang.html und teilen.html -- genau die Seiten, auf denen
|
|
eine Creator ihre Zeit verbringt, und talente.html und
|
|
bewerbungen.html, wo ein Scout sitzt. Gemeldet hat es Filipe
|
|
("dieser button soll bei jeder rolle perfekt funktionieren"),
|
|
nicht diese Pruefung.
|
|
|
|
DIE LISTE KOMMT JETZT AUS DEM VERZEICHNIS: Jede Seite, die eine
|
|
Kopfleiste hat, muss den Knopf haben. Eine Seite, die morgen
|
|
dazukommt, ist damit von selbst dabei -- eine Liste, die niemand
|
|
pflegt, kann nicht veralten. */
|
|
const alleSeiten = readdirSync(SEITEN_ORDNER)
|
|
.filter((f) => f.endsWith(".html"))
|
|
.filter((f) => readFileSync(join(SEITEN_ORDNER, f), "utf8")
|
|
.includes("kopfleiste__rechts"))
|
|
.map((f) => f.replace(/\.html$/, ""));
|
|
/* EINE BEGRUENDETE AUSNAHME, und nur eine: anruf-probe.html ist
|
|
eine eigenstaendige Diagnoseseite ohne kopf.js, und
|
|
anruf-probe.js verweist ausdruecklich auf "im Chat oben auf die
|
|
Glocke tippen". Sie steht hier NAMENTLICH -- eine stille
|
|
Ausnahme waere ein Loch mit Zustimmung. */
|
|
const AUSNAHMEN = new Set(["anruf-probe"]);
|
|
const seitenNamen = alleSeiten.filter((x) => !AUSNAHMEN.has(x));
|
|
/* DIE ZAHL GEHOERT IN DIE BEDINGUNG: Faende das Verzeichnis morgen
|
|
keine Seite mehr, waere "auf allen 0 geprueften" sonst gruen. */
|
|
ok(seitenNamen.length >= 20,
|
|
`${seitenNamen.length} Seiten mit Kopfleiste gefunden `
|
|
+ `(ausgenommen: ${[...AUSNAHMEN].join(", ")})`);
|
|
let gefunden = 0;
|
|
const ohne = [];
|
|
for (const n of seitenNamen) {
|
|
await seite.goto(`${BASIS}/workspace/${n}.html`, { waitUntil: "networkidle" });
|
|
await seite.waitForTimeout(250);
|
|
if (await seite.$("#glocke")) gefunden++; else ohne.push(n);
|
|
}
|
|
ok(gefunden === seitenNamen.length && gefunden > 0,
|
|
ohne.length ? `fehlt auf: ${ohne.join(", ")}`
|
|
: `auf allen ${gefunden} Seiten mit Kopfleiste`);
|
|
|
|
/* Und NICHT auf der Anmeldeseite -- dort ist niemand angemeldet,
|
|
den man benachrichtigen könnte. */
|
|
await seite.goto(BASIS + "/workspace/", { waitUntil: "networkidle" });
|
|
await seite.waitForTimeout(250);
|
|
ok(!(await seite.$("#glocke")), "auf der Anmeldeseite steht er nicht");
|
|
|
|
await browser.close();
|
|
}
|
|
|
|
melde("\n=== Jede Rolle bekommt ihn ===");
|
|
{
|
|
const browser = await pw.chromium.launch();
|
|
for (const [name, rolle, code] of [
|
|
/* ALLE ACHT (24.09.2026). Hier standen vier -- unter der
|
|
Ueberschrift "Jede Rolle bekommt ihn". Die rechte Hand, die
|
|
linke Hand, die Modis und Spicy Media fehlten; ausgerechnet
|
|
die Modis sind die groesste Gruppe im Haus. */
|
|
["DogFather", "admin", "CODE-DOGI-0001"], ["Manager", "manager", "CODE-MANA-0001"],
|
|
["Scout", "scout", "CODE-SCOU-0001"], ["Creator", "creator", "CODE-CREA-0001"],
|
|
["Rechte Hand", "hand", "CODE-HAND-0001"], ["Linke Hand", "linke", "CODE-LINK-0001"],
|
|
["Modi", "modi", "CODE-MODI-0001"], ["Spicy Media", "spicy", "CODE-SPIC-0001"],
|
|
]) {
|
|
const ctx = await browser.newContext();
|
|
await ctx.addInitScript(berechtigung("default"));
|
|
const seite = await anmelden(ctx, rolle, code);
|
|
await seite.waitForTimeout(400);
|
|
const da = await seite.$("#glocke");
|
|
const text = da ? await seite.$eval("#glocke .glocke__text", (e) => e.textContent) : "";
|
|
ok(!!da, `${name}: ${da ? `Knopf da ("${text}")` : "FEHLT"}`);
|
|
await ctx.close();
|
|
}
|
|
await browser.close();
|
|
}
|
|
|
|
/* =======================================================================
|
|
3. Sagt er in jeder Lage die Wahrheit?
|
|
======================================================================= */
|
|
melde("\n=== Die Lagen ===");
|
|
{
|
|
const browser = await pw.chromium.launch();
|
|
|
|
/* AUS -- noch nie gefragt worden. Das ist der Zustand, in dem jeder
|
|
zum ersten Mal auf die Seite kommt. */
|
|
{
|
|
const ctx = await browser.newContext();
|
|
await ctx.addInitScript(berechtigung("default"));
|
|
const seite = await anmelden(ctx, "admin", "CODE-DOGI-0001");
|
|
await seite.waitForTimeout(400);
|
|
const lage = await seite.$eval("#glocke", (e) => e.dataset.lage);
|
|
const text = await seite.$eval("#glocke .glocke__text", (e) => e.textContent);
|
|
ok(lage === "aus" && /aus/i.test(text), `ohne Berechtigung: "${text}" (${lage})`);
|
|
|
|
/* Der Strich muss sichtbar sein -- er sagt es ohne Lesen. */
|
|
const strich = await seite.$eval(".glocke__strich", (e) => getComputedStyle(e).opacity);
|
|
ok(Number(strich) > 0.5, `die Glocke ist durchgestrichen (${strich})`);
|
|
await ctx.close();
|
|
}
|
|
|
|
/* VERBOTEN -- schon einmal abgelehnt. Der wichtigste Fall: Per
|
|
JavaScript lässt sich das NICHT zurücknehmen, also muss der Knopf
|
|
sagen, wo man es tut. Ein Knopf, der hier nur nichts tut, ist der
|
|
sichere Weg zu "das funktioniert nicht". */
|
|
{
|
|
const ctx = await browser.newContext();
|
|
await ctx.grantPermissions([]); // alles verweigert
|
|
const seite = await anmelden(ctx, "admin", "CODE-DOGI-0001");
|
|
await seite.evaluate(() => {
|
|
Object.defineProperty(Notification, "permission", { value: "denied", configurable: true });
|
|
});
|
|
await seite.reload({ waitUntil: "networkidle" });
|
|
await seite.evaluate(() => {
|
|
Object.defineProperty(Notification, "permission", { value: "denied", configurable: true });
|
|
});
|
|
await seite.waitForTimeout(400);
|
|
const lage = await seite.evaluate(() => {
|
|
document.getElementById("glocke")?.click();
|
|
return document.getElementById("glocke")?.dataset.lage;
|
|
});
|
|
const titel = await seite.$eval("#glocke", (e) => e.title);
|
|
ok(lage === "verboten", `abgelehnt: Lage "${lage}"`);
|
|
ok(/Browsereinstellungen/i.test(titel),
|
|
`und er sagt, WO man es ändert: "${titel.slice(0, 80)}…"`);
|
|
await ctx.close();
|
|
}
|
|
|
|
/* GEHT NICHT -- ein Browser ohne Push. */
|
|
{
|
|
const ctx = await browser.newContext();
|
|
const seite = await anmelden(ctx, "admin", "CODE-DOGI-0001");
|
|
await seite.addInitScript(() => {
|
|
delete window.PushManager;
|
|
});
|
|
await seite.reload({ waitUntil: "networkidle" });
|
|
await seite.waitForTimeout(400);
|
|
const lage = await seite.$eval("#glocke", (e) => e.dataset.lage);
|
|
const aus = await seite.$eval("#glocke", (e) => e.disabled);
|
|
ok(lage === "geht-nicht" && aus,
|
|
`Browser ohne Push: Lage "${lage}", Knopf abgeschaltet (${aus})`);
|
|
await ctx.close();
|
|
}
|
|
|
|
/* IPHONE im Reiter -- dort gibt es die Berechtigung überhaupt erst
|
|
nach "Zum Home-Bildschirm". Das muss dastehen, sonst tippt jemand
|
|
zehnmal und hält es für kaputt. */
|
|
{
|
|
const ctx = await browser.newContext({
|
|
userAgent: "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) "
|
|
+ "AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1",
|
|
});
|
|
const seite = await anmelden(ctx, "admin", "CODE-DOGI-0001");
|
|
await seite.waitForTimeout(400);
|
|
const lage = await seite.$eval("#glocke", (e) => e.dataset.lage);
|
|
const titel = await seite.$eval("#glocke", (e) => e.title);
|
|
ok(lage === "iphone", `iPhone im Reiter: Lage "${lage}"`);
|
|
ok(/Home-Bildschirm/i.test(titel), `mit Anleitung: "${titel.slice(0, 70)}…"`);
|
|
await ctx.close();
|
|
}
|
|
|
|
await browser.close();
|
|
}
|
|
|
|
/* =======================================================================
|
|
4. An- und abmelden — mit dem Test-Doppel
|
|
======================================================================= */
|
|
melde("\n=== Anmelden und wieder abmelden ===");
|
|
{
|
|
const browser = await pw.chromium.launch();
|
|
const ctx = await browser.newContext({ permissions: ["notifications"] });
|
|
await ctx.addInitScript(berechtigung("granted"));
|
|
await ctx.addInitScript(DOPPEL);
|
|
const seite = await ctx.newPage();
|
|
await seite.goto(BASIS + "/workspace/", { waitUntil: "networkidle" });
|
|
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: 25000 });
|
|
await seite.waitForTimeout(500);
|
|
|
|
/* Steht das Doppel überhaupt? Ohne diese Prüfung liefe alles
|
|
Folgende womöglich gegen den echten (hier kaputten) Kanal und
|
|
meldete Fehler, die nichts bedeuten. */
|
|
ok(await seite.evaluate(() => window.__doppel === true),
|
|
"das Test-Doppel steht (der Rest der Kette ist echt)");
|
|
|
|
const p = new DatabaseSync(process.env.WORKSPACE_DB);
|
|
const zahl = () => p.prepare("SELECT COUNT(*) AS n FROM push_anmeldungen").get().n;
|
|
ok(zahl() === 0, `vorher ${zahl()} Anmeldungen in der Datenbank`);
|
|
|
|
/* ==== "BEI DIR KLINGELT NICHTS" (19.09.2026) ======================
|
|
|
|
Gemessen an diesem Tag auf dem echten Server: Von elf Zugaengen
|
|
hatten SIEBEN kein einziges Geraet angemeldet. Bei ihnen kommt
|
|
nichts an, solange die Seite zu ist -- keine Aufgabe, kein Termin,
|
|
kein Anruf.
|
|
|
|
Die Glocke sagt das seit jeher korrekt. Nur tippt sie niemand an:
|
|
Sie ist ein stiller Schalter in einer Leiste. Deshalb steht es
|
|
jetzt auch dort, wo man hinsieht -- in "Was ist dran?".
|
|
|
|
DIE GEGENPROBE IST DER EIGENTLICHE PUNKT: Der Hinweis muss
|
|
VERSCHWINDEN, sobald ein Geraet da ist. Eine Warnung, die immer
|
|
kommt, ist keine Warnung mehr -- und bei sieben von elf Leuten
|
|
stuende sie sonst dauerhaft ueber den echten. */
|
|
const hinweise = async () => (await seite.evaluate(async () => {
|
|
const a = await fetch("/workspace/api/hinweise", { credentials: "same-origin" });
|
|
return a.json();
|
|
})).hinweise || [];
|
|
|
|
{
|
|
const vorher = await hinweise();
|
|
const h = vorher.find((x) => x.art === "kein_geraet");
|
|
ok(!!h, "ohne Geraet steht der Hinweis in „Was ist dran?“");
|
|
ok(h?.ziel === "anruf-probe.html",
|
|
`und er fuehrt auf die Seite, die sagt warum (${h?.ziel})`);
|
|
ok(h?.stufe === "offen",
|
|
`als offener Punkt, nicht als Warnung (${h?.stufe}) — sonst stuende er `
|
|
+ "dauerhaft ueber den echten Warnungen");
|
|
/* Und auf dem Bildschirm steht er ohne die "1" davor: Er zaehlt
|
|
nichts, er beschreibt einen Zustand. */
|
|
const sichtbar = await seite.evaluate(() =>
|
|
[...document.querySelectorAll(".dran__punkt")]
|
|
.map((li) => li.textContent.trim()).find((t) => /klingelt nichts/.test(t)) || "");
|
|
ok(/klingelt nichts/.test(sichtbar) && !/^\s*1/.test(sichtbar),
|
|
`auf der Seite steht er ohne Zahl davor: „${sichtbar.replace(/\s+/g, " ").slice(0, 60)}“`);
|
|
}
|
|
|
|
await seite.click("#glocke");
|
|
await seite.waitForTimeout(1200);
|
|
|
|
ok(zahl() === 1, `nach dem Klick: ${zahl()} Anmeldung`);
|
|
|
|
/* GEGENPROBE: Jetzt muss der Hinweis weg sein. */
|
|
{
|
|
/* OHNE NEULADEN. Der erste Anlauf lud die Seite neu -- danach war
|
|
das Test-Doppel fuer den Push-Dienst weg, der Glockenknopf stand
|
|
wieder auf "aus", und die drei folgenden Pruefungen meldeten
|
|
Fehler, die es nicht gab. Die Schnittstelle antwortet ohnehin
|
|
live; eine neue Seite braucht es dafuer nicht. */
|
|
const nachher = await hinweise();
|
|
ok(!nachher.some((x) => x.art === "kein_geraet"),
|
|
"mit einem angemeldeten Geraet ist der Hinweis weg — nichts zu quittieren");
|
|
}
|
|
|
|
const eintrag = p.prepare("SELECT * FROM push_anmeldungen").get();
|
|
ok(eintrag?.person_id === idDogi && /^https:\/\//.test(eintrag?.endpunkt || ""),
|
|
`sie gehört der richtigen Person und hat eine https-Adresse`);
|
|
/* Der Gerätename hilft beim Wiedererkennen in der Liste. */
|
|
ok(/Chrome|Edge|Browser/.test(eintrag?.geraet || ""),
|
|
`Gerät erkannt: "${eintrag?.geraet}"`);
|
|
|
|
const lage = await seite.$eval("#glocke", (e) => e.dataset.lage);
|
|
const text = await seite.$eval("#glocke .glocke__text", (e) => e.textContent);
|
|
ok(lage === "an" && /an/i.test(text), `der Knopf steht jetzt auf "${text}" (${lage})`);
|
|
|
|
const strich = await seite.$eval(".glocke__strich", (e) => getComputedStyle(e).opacity);
|
|
ok(Number(strich) < 0.2, `der Strich ist weg (${strich})`);
|
|
|
|
/* NOCH EINMAL KLICKEN darf nicht verdoppeln -- INSERT OR REPLACE auf
|
|
dem Endpunkt. Sonst käme jede Nachricht mehrfach an. */
|
|
await seite.click("#glocke"); // aus
|
|
await seite.waitForTimeout(900);
|
|
ok(zahl() === 0, `nach dem Abmelden: ${zahl()} Anmeldungen`);
|
|
|
|
await seite.click("#glocke"); // wieder an
|
|
await seite.waitForTimeout(1200);
|
|
await seite.click("#glocke"); // aus
|
|
await seite.waitForTimeout(900);
|
|
await seite.click("#glocke"); // an
|
|
await seite.waitForTimeout(1200);
|
|
ok(zahl() === 1, `nach mehrfachem Hin und Her: genau ${zahl()} Anmeldung, keine Dubletten`);
|
|
|
|
/* Und der Stand-Weg zeigt sie -- ohne den vollen Endpunkt zu
|
|
verraten, der die Zustelladresse dieses Geräts ist. */
|
|
const stand = await seite.evaluate(async () => {
|
|
const a = await fetch("/workspace/api/push/stand", { credentials: "same-origin" });
|
|
return a.json();
|
|
});
|
|
ok(stand.geraete?.length === 1 && !stand.geraete[0].endpunkt,
|
|
`der Stand nennt ${stand.geraete?.length} Gerät, aber nicht dessen volle Adresse`);
|
|
ok(Array.isArray(stand.arten) && stand.arten.length >= 3,
|
|
`${stand.arten?.length} Arten von Benachrichtigungen einstellbar`);
|
|
|
|
p.close();
|
|
await browser.close();
|
|
}
|
|
|
|
/* =======================================================================
|
|
GEGENPROBE — misst das oben überhaupt etwas?
|
|
======================================================================= */
|
|
melde("\n=== Gegenprobe ===");
|
|
{
|
|
const browser = await pw.chromium.launch();
|
|
const ctx = await browser.newContext({ permissions: ["notifications"] });
|
|
await ctx.addInitScript(berechtigung("granted"));
|
|
const seite = await ctx.newPage();
|
|
/* Ein Doppel, dessen subscribe SCHEITERT. Der Knopf darf dann NICHT
|
|
auf "an" springen -- täte er es, wäre die Anzeige eine Lüge, und
|
|
alle Haken oben wären wertlos. */
|
|
await seite.addInitScript(`
|
|
(() => {
|
|
const reg = { pushManager: {
|
|
subscribe: async () => { throw new Error('Registration failed'); },
|
|
getSubscription: async () => null,
|
|
} };
|
|
Object.defineProperty(navigator, 'serviceWorker', {
|
|
configurable: true,
|
|
value: { register: async () => reg, getRegistration: async () => reg,
|
|
ready: Promise.resolve(reg), addEventListener: () => {} },
|
|
});
|
|
})();
|
|
`);
|
|
await seite.goto(BASIS + "/workspace/", { waitUntil: "networkidle" });
|
|
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: 25000 });
|
|
await seite.waitForTimeout(500);
|
|
|
|
const p = new DatabaseSync(process.env.WORKSPACE_DB);
|
|
const vorher = p.prepare("SELECT COUNT(*) AS n FROM push_anmeldungen").get().n;
|
|
await seite.click("#glocke");
|
|
await seite.waitForTimeout(1200);
|
|
const nachher = p.prepare("SELECT COUNT(*) AS n FROM push_anmeldungen").get().n;
|
|
const lage = await seite.$eval("#glocke", (e) => e.dataset.lage);
|
|
|
|
ok(lage !== "an" && nachher === vorher,
|
|
`wenn subscribe scheitert: Knopf bleibt auf "${lage}", `
|
|
+ `Anmeldungen ${vorher} → ${nachher} (keine erfundene)`);
|
|
|
|
/* Und die Seite darf daran nicht zerbrechen. */
|
|
const lebt = await seite.evaluate(() => !!document.getElementById("glocke"));
|
|
ok(lebt, "die Seite läuft weiter, der Knopf ist noch da");
|
|
|
|
p.close();
|
|
await browser.close();
|
|
}
|
|
|
|
try { rmSync(ordner, { recursive: true, force: true }); } catch { /* egal */ }
|
|
|
|
melde(`\n${fehler === 0 ? "ALLES IN ORDNUNG" : `${fehler} FEHLER`}`);
|
|
if (!echtGeht) {
|
|
melde(`HINWEIS: Der Schritt "Browser holt eine Adresse beim Push-Dienst" war`);
|
|
melde(`hier nicht messbar (kein Zugang zu FCM). Alles andere wurde geprüft.`);
|
|
}
|
|
process.exit(fehler ? 1 : 0);
|