diff --git a/server/pruef-chat-ausbau.mjs b/server/pruef-chat-ausbau.mjs index 49d3deb3..4debee3e 100644 --- a/server/pruef-chat-ausbau.mjs +++ b/server/pruef-chat-ausbau.mjs @@ -212,6 +212,75 @@ melde("\n=== 2. Kopieren ==="); ".chat-nachricht:first-of-type .chat-nachricht__kopie-knopf", (b) => b.textContent); ok(zurueck === "kopieren", `und fällt danach zurück ("${zurueck}")`); + /* ==== DIE WOERTER SIND NICHT WEG, NUR NICHT ZU SEHEN (25.09.2026) == + + Filipe: „ich will dass du das viel geiler machst und es soll viel + kuerzer gestaltet sein ... aber jeder sieht dass es da ist." + + Aus den fuenf Woertern unter jeder Nachricht wurden fuenf Zeichen. + Das Wort steht weiter im Dokument -- nur fuers Auge weggeschnitten. + Ohne diese Pruefung waere der naechste Schritt, es „aufzuraeumen", + und dann waeren die Knoepfe fuer ein Vorleseprogramm fuenf leere + Felder. Das faellt niemandem auf, der sehen kann. + + DREI DINGE, UND JEDES EINZELN: + 1. Jeder Knopf hat ein Wort (textContent) und einen Satz fuer + Vorleseprogramme (aria-label). + 2. KEINES der Woerter ist zu sehen -- sonst waere „kuerzer" + nicht eingehalten. + 3. Die Reihe ist schmaler als vorher. Eine Zusage ueber Platz, + die man nicht misst, ist keine. + + DIE ANZAHL STEHT IN DER BEDINGUNG: Faende der Selektor nichts, + waeren „alle 0 haben ein Wort" sonst gruen. */ + const griffe = await luna.seite.evaluate(() => { + const knoepfe = [...document.querySelectorAll( + ".chat-nachricht:first-of-type .chat-nachricht__fuss button")]; + const fuss = document.querySelector(".chat-nachricht:first-of-type .chat-nachricht__fuss"); + return { + zahl: knoepfe.length, + mitWort: knoepfe.filter((b) => (b.textContent || "").trim().length > 1).length, + mitSatz: knoepfe.filter((b) => (b.getAttribute("aria-label") || "").trim().length > 1).length, + /* Sichtbar heisst: es nimmt Flaeche ein. `clip-path` laesst die + Breite stehen, deshalb wird die HOEHE gemessen -- sie ist bei + einem weggeschnittenen Stueck Text 1 px. */ + sichtbareWoerter: [...document.querySelectorAll( + ".chat-nachricht:first-of-type .chat-nachricht__wort")] + .filter((e) => e.getBoundingClientRect().height > 4).length, + /* NICHT DIE BREITE DES KASTENS -- die ist die der Blase, weil + der Fuss ein Block ist. Beim ersten Anlauf stand hier 486 px + und sah aus wie ein Befund; gemessen war die Blase. + + GEMESSEN WIRD, WORUM ES GEHT: wie viele ZEILEN die Reihe + braucht. „Nicht zu viel platzraubend" ist eine Aussage ueber + Hoehe, nicht ueber Breite. Vor dem Umbau waren es auf 412 px + drei Zeilen; eine ist das Ziel. + + Ueber die y-Werte und nicht ueber die Hoehe des Kastens: Die + Hoehe haengt auch an Polsterung und Zeilenabstand, die + verschiedenen y-Werte sagen genau eines -- hier ist umgebrochen + worden. */ + zeilen: new Set(knoepfe.map((b) => Math.round(b.getBoundingClientRect().top))).size, + hoehe: fuss ? Math.round(fuss.getBoundingClientRect().height) : 0, + inhalt: knoepfe.length + ? Math.round(knoepfe.at(-1).getBoundingClientRect().right + - knoepfe[0].getBoundingClientRect().left) + : 0, + }; + }); + ok(griffe.zahl >= 3 && griffe.mitWort === griffe.zahl, + `jeder der ${griffe.zahl} Handgriffe hat weiterhin sein Wort (${griffe.mitWort})`); + ok(griffe.zahl >= 3 && griffe.mitSatz === griffe.zahl, + `und einen Satz für Vorleseprogramme (${griffe.mitSatz})`); + ok(griffe.sichtbareWoerter === 0, + `Gegenprobe: zu SEHEN ist keines davon (${griffe.sichtbareWoerter})`); + ok(griffe.zeilen === 1, + `und alle stehen in EINER Zeile (${griffe.zeilen})`); + /* Die Zeichen zusammen brauchen rund 150 px. Vor dem Umbau standen + dort fuenf Woerter mit Zeichen -- deutlich ueber 400. */ + ok(griffe.inhalt > 0 && griffe.inhalt < 220, + `und nehmen zusammen nur ${griffe.inhalt} px Breite`); + /* GEGENPROBE, NEU GEFASST (22.09.2026 abends). ------------------------------------------------------------------ Hier wurde geprueft, dass an einer ZURUECKGENOMMENEN Nachricht kein diff --git a/workspace/anruf-probe.html b/workspace/anruf-probe.html index 47d3f54d..3fa64cab 100644 --- a/workspace/anruf-probe.html +++ b/workspace/anruf-probe.html @@ -16,15 +16,15 @@ verdeckt. Gefunden hat es pruef-struktur. Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. --> - - + + - +