fix: Beschreibung und Kurz-Fakten im Tooltip trennen
Bisher hing alles an derselben ` · `-Aufzählung: Auf die letzte Zeile des Fließtexts folgte unmittelbar `· #cms · geplant · Alt+Klick: …`. Der Übergang war nicht zu sehen, obwohl dort die Art der Aussage wechselt — vorn ein Satz, den jemand geschrieben hat, hinten Metadaten, die das Werkzeug kennt. Jetzt: Leerzeile plus Trennstrich dazwischen. Der Strich ist aus `─` (U+2500) gebaut, nicht aus Bindestrichen — das Box-Drawing-Zeichen stößt gapless aneinander und liest sich als Linie, `---` liest sich als Text; mehr kann ein `title` nicht, dort gibt es kein Markup. Zwei Randbedingungen: Der Strich steht nur, wenn beide Teile da sind (ohne Beschreibung bleibt der Tooltip unverändert), und mit 24 Zeichen ist er schmaler als die Fakten-Zeile mit dem Sprung-Hinweis — er verbreitert den Tooltip also nie. Nicht in den aria-label: Ein Screenreader läse vierundzwanzig Striche einzeln vor, und die Kommaliste dort ist ohnehin schon gegliedert. 2 neue Tests (199 gesamt), der bestehende Tooltip-Test nachgezogen. SPEC §9 und D40 (Nachtrag) ebenso. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5
parent
037db30d96
commit
e223734d58
@@ -102,11 +102,28 @@ describe('Langform — ID-Blöcke hinter `---`', () => {
|
||||
describe('Darstellung — Tooltip, ”-Marke, aria', () => {
|
||||
it('stellt die Beschreibung an den Anfang des Tooltips und setzt die Marke', () => {
|
||||
const {html} = render(`[ ] Auth #auth\n " Kapselt Login.`);
|
||||
expect(html).toContain('title="Kapselt Login. · #auth · st_geplant · jumpHint"');
|
||||
expect(html).toContain('title="Kapselt Login.\n\n' + '─'.repeat(24)
|
||||
+ '\n#auth · st_geplant · jumpHint"');
|
||||
expect(html).toContain('<span class="desc-mark" aria-hidden="true">”</span>');
|
||||
expect(html).toContain('aria-label="Auth, a11yStatus, a11yId, Kapselt Login."');
|
||||
});
|
||||
|
||||
/* Die Kurz-Fakten hingen früher mit ` · ` am Fließtext — in einer Zeile ging
|
||||
der Übergang unter. Getrennt wird nur, wenn es etwas zu trennen gibt. */
|
||||
it('trennt Beschreibung und Kurz-Fakten durch Leerzeile und Strich', () => {
|
||||
const {html} = render(`[ ] Auth #auth\n " Erste Zeile.\n " Zweite Zeile.`);
|
||||
const tip = html.match(/title="([^"]*)"/)[1];
|
||||
const [text, rest] = tip.split('\n\n');
|
||||
expect(text).toBe('Erste Zeile.\nZweite Zeile.'); /* Fließtext bleibt zusammen */
|
||||
expect(rest.split('\n')[0]).toMatch(/^─+$/); /* Trennstrich als eigene Zeile */
|
||||
expect(rest.split('\n')[1]).toContain('#auth'); /* danach die Fakten */
|
||||
});
|
||||
|
||||
it('setzt keinen Trennstrich, wenn es keine Beschreibung gibt', () => {
|
||||
const {html} = render(`[ ] Ohne #auth`);
|
||||
expect(html.match(/title="([^"]*)"/)[1]).not.toContain('─');
|
||||
});
|
||||
|
||||
it('ändert Knoten ohne Beschreibung nicht', () => {
|
||||
const {html} = render(`[ ] Ohne`);
|
||||
expect(html).not.toContain('desc-mark');
|
||||
|
||||
Reference in New Issue
Block a user