diff --git a/server/pruef-loeschen.mjs b/server/pruef-loeschen.mjs index c9706b0e..8590691c 100644 --- a/server/pruef-loeschen.mjs +++ b/server/pruef-loeschen.mjs @@ -286,6 +286,80 @@ ok(/Nachricht zurückgenommen/.test(chatJs), "Gegenprobe: der Satz kommt in den Kommentaren durchaus vor —" + " die Suche oben unterscheidet also wirklich"); +/* ===================================================================== + 5b. DER LOESCHKNOPF IST ERREICHBAR -- AUCH OHNE MAUS + ===================================================================== + + ZWEI FEHLER AN DERSELBEN STELLE, beide erst im Bildschirmfoto + aufgefallen (23.09.2026): + + (1) `opacity: 0`, sichtbar erst beim Ueberfahren mit der Maus. Das + war vertretbar, solange der Knopf nur die EIGENE Nachricht + zuruecknahm. Seit er auch das Notfall-Loeschen traegt, ist er + auf einem Handy dauerhaft unsichtbar -- und er belegte trotzdem + 87 px, also eine Luecke in der Fusszeile, die nichts erklaert. + + (2) Der Notfall-Knopf bekam den Warnton, gedaempft gemischt mit der + leisen Schrift. Nachgerechnet: 1,91:1 auf Babyblau und 4,06 bis + 4,13 auf den dunklen Toenen -- unlesbar auf der einen, zu wenig + auf allen anderen. Die leise Schriftfarbe ist genau der Wert, + der ueberall 4,5:1 schafft; wer daran mischt, gibt diese Zusage + auf. + + Beides steht in der Stilvorlage und laesst sich dort pruefen. Eine + Messung im Browser waere genauer, braucht aber eine fremde + Nachricht, eine Rolle mit dem Recht und einen Zeiger -- fuer eine + Frage, deren Antwort in zwei Zeilen CSS steht. + ===================================================================== */ +console.log(""); +console.log("--- Der Loeschknopf in der Stilvorlage ---"); +{ + const chatCss = readFileSync( + join(HIER, "..", "workspace", "assets", "css", "chat.css"), "utf8"); + const regel = (wahl) => { + const i = chatCss.indexOf(wahl + " {"); + return i < 0 ? null : chatCss.slice(i, chatCss.indexOf("}", i)); + }; + + const grund = regel(".chat-nachricht__weg-knopf"); + ok(!!grund, "die Regel zum Loeschknopf steht in chat.css"); + ok(!!grund && !/opacity:\s*0/.test(grund), + "er ist nicht auf durchsichtig gesetzt -- auf einem Handy gibt es kein" + + " Ueberfahren, und ein Knopf, den man dort nicht sieht, gibt es dort nicht"); + + const notfall = regel('.chat-nachricht__weg-knopf[data-notfall="ja"]'); + ok(!!notfall, "und die Regel fuer das Notfall-Loeschen"); + /* EIN EINFACHER TEXTVERGLEICH, KEIN REGULAERER AUSDRUCK. + ------------------------------------------------------------------- + Hier stand `/\bcolor:/` -- gedacht als Wortgrenze, damit + `color-mix` nicht mitzaehlt. Geschrieben wurde es aber durch eine + Python-Zeichenkette, und dort ist `\b` das BACKSPACE-ZEICHEN. In + der Datei landete `/<0x08>color:/`, also ein Ausdruck, der nie + etwas findet. + + Die Zeile darunter (die Gegenprobe) wurde dadurch rot -- und nur + deshalb ist es aufgefallen. DIESE Zeile hier war gruen, ohne je + etwas gesucht zu haben: genau der Fehler, vor dem die Hausregel + warnt, und ohne die Gegenprobe haette ihn niemand gesehen. + + Jetzt zwei schlichte Textsuchen: „color:" muss vorkommen, und + Treffer, die zu `color-mix:` gehoeren, gibt es nicht -- die + Eigenschaft heisst `color-mix` nur als WERT, nie als Name vor + einem Doppelpunkt. */ + ok(!!notfall && !notfall.includes("color:"), + "sie setzt KEINE eigene Schriftfarbe -- die Markierung sitzt im Punkt" + + " davor, so wie beim Namen in der Blase"); + ok(!!notfall && /::before/.test( + chatCss.slice(chatCss.indexOf('.chat-nachricht__weg-knopf[data-notfall="ja"]'), + chatCss.indexOf('.chat-nachricht__weg-knopf[data-notfall="ja"]') + 600)), + "der Punkt ist wirklich da (::before)"); + + /* GEGENPROBE: Die Suche muss eine Schriftfarbe auch FINDEN koennen. + Sonst waere „setzt keine" nur die Abwesenheit einer Messung. */ + ok((regel(".chat-nachricht__von") || "").includes("color:"), + "Gegenprobe: in der Regel zum Namen findet dieselbe Suche sehr wohl eine Farbe"); +} + /* ===================================================================== 6. DIE UMSTELLUNG RAEUMT WIRKLICH AUF diff --git a/workspace/anruf-probe.html b/workspace/anruf-probe.html index 4b6ced7f..e9729725 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`. --> - - + + - +