Das Fenster aus D52 war für Touch gebaut — damit standen zwei Darstellungen desselben Inhalts nebeneinander, und ausgerechnet die schlechtere bekam der Zeiger. Jetzt zeigt es überall: am Zeiger nach 350 ms beim Überfahren, bei Tastaturfokus sofort, auf Touch unverändert beim Tipp. Was ein `title` prinzipiell nicht kann: - keine Absätze (die Beschreibungen im Plan brechen bei ~76 Zeichen, das sah ausgefranst aus), - keine Linie (der Trennstrich war aus 24 `─` GEMALT, D40-Nachtrag), - nichts bei Tastaturfokus — wer mit Tab durch das Diagramm geht, sah bisher keine Beschreibung. Nachgemessen mit ECHTEM Tastendruck: Fokus von #not.line auf #not.status, Fenster folgt, 10 px unter dem Knoten, Ring am fokussierten Knoten. - Inhalt zieht von `title` nach `data-tip` (sonst zeigte der Browser seinen eigenen zusätzlich) — dasselbe Attribut unter anderem Namen, keine Verdopplung der 20 kB DOM-Text. - Die letzten drei nativen Tooltips IN Knoten mussten weichen: Das Warndreieck war redundant (Statusname steht in den Fakten), die Annahme „Größe fehlt, gilt als M" wandert in die Faktenzeile. Nachgemessen: 0 von 161 Knoten und 0 Kinder tragen noch einen `title`. - Absicht-Erkennung: 350 ms Verzögerung, beim Wechsel zwischen Knoten ohne Warten, 120 ms Nachfrist beim Verlassen (der Weg ins Fenster führt über einen Zwischenraum). - `aria-hidden` am Fenster: Der Inhalt steht schon im aria-label, sonst würde er doppelt vorgelesen; × und ↗ deshalb `tabindex="-1"`. Werkzeuggrenze notiert: `element.focus()` feuert ohne Fensterfokus keine Fokus-Ereignisse (`document.hasFocus()` false) — der erste Prüflauf zeigte fälschlich „öffnet nichts". SPEC §9 + D57; Plan: #ed.tipwindow [x] (161 Knoten, 0 Warnungen). 293 Tests grün, 5 Snapshots/Zusicherungen auf `data-tip` nachgezogen. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
96 lines
3.9 KiB
JavaScript
96 lines
3.9 KiB
JavaScript
import { describe, it, expect } from 'vitest';
|
|
import { parse } from '../src/parser.js';
|
|
import { effectiveStatus, progressRank } from '../src/model.js';
|
|
import { renderTreeHtml } from '../src/render.js';
|
|
|
|
const t = key => key;
|
|
const roots = txt => parse(txt).roots;
|
|
/* Map Label -> effektiver Status-Key (nur Diskrepanzen). */
|
|
const disc = txt => {
|
|
const m = effectiveStatus(roots(txt));
|
|
const out = {};
|
|
m.forEach((key, n) => { out[n.label] = key; });
|
|
return out;
|
|
};
|
|
const render = txt => {
|
|
const r = roots(txt);
|
|
return renderTreeHtml(r, {t, showDiscarded: false, cheapPath: false,
|
|
cheapSet: new Set(), effStatus: effectiveStatus(r)});
|
|
};
|
|
|
|
/* Effektiver Status (SPEC §4/§9, D39): Minimum des Fortschritts-Rangs über
|
|
die Abhängigkeits-Hülle; gemeldet werden nur Diskrepanzen. */
|
|
describe('effectiveStatus — Minimum über die Abhängigkeits-Hülle', () => {
|
|
it('hält einen fertigen Knoten auf dem Rang seiner Abhängigkeit', () => {
|
|
expect(disc(`[~] API #api\n[x] Deploy :#api`))
|
|
.toEqual({Deploy: 'arbeit'});
|
|
});
|
|
|
|
it('reicht das Minimum über Ketten durch', () => {
|
|
expect(disc(`[ ] C #c\n[/] B #b :#c\n[x] A :#b`))
|
|
.toEqual({A: 'geplant', B: 'geplant'});
|
|
});
|
|
|
|
it('meldet nichts, wenn die Abhängigkeit gleichauf oder weiter ist', () => {
|
|
expect(disc(`[x] API #api\n[x] Deploy :#api`)).toEqual({});
|
|
expect(disc(`[^] API #api\n[x] Deploy :#api`)).toEqual({});
|
|
});
|
|
|
|
it('lässt Zyklen ihr Minimum teilen — „wird gemeinsam fertig"', () => {
|
|
expect(disc(`[x] A #a :#b\n[x] B #b :#a`)).toEqual({});
|
|
expect(disc(`[x] A #a :#b\n[~] B #b :#a`)).toEqual({A: 'arbeit'});
|
|
expect(disc(`[x] A #a :#a`)).toEqual({}); /* Selbst-Abhängigkeit */
|
|
});
|
|
|
|
it('ignoriert unbekannte IDs (dafür gibt es die unknownDep-Warnung)', () => {
|
|
expect(disc(`[x] A :#gibtsnicht`)).toEqual({});
|
|
});
|
|
|
|
it('zählt neutrale und verworfene Ziele als Rang 0, High Risk als 1', () => {
|
|
expect(disc(`Neutral #n\n[x] A :#n`)).toEqual({A: 'idee'});
|
|
expect(disc(`[-] Weg #w\n[x] A :#w`)).toEqual({A: 'idee'});
|
|
expect(disc(`[!] Risiko #r\n[x] A :#r`)).toEqual({A: 'geplant'});
|
|
});
|
|
|
|
it('macht neutrale und verworfene Knoten selbst nie zur Diskrepanz', () => {
|
|
expect(disc(`[?] Ziel #z\nNeutral :#z\n`)).toEqual({});
|
|
expect(disc(`[?] Ziel #z\n[-] Weg :#z`)).toEqual({});
|
|
expect(progressRank(roots(`[-] Weg`)[0])).toBe(0);
|
|
});
|
|
|
|
it('löst Verweise auf die ERSTE Vergabe einer doppelten ID auf (D36/D39)', () => {
|
|
expect(disc(`[~] Erste #x\n[x] Zweite #x\n[x] A :#x`)).toEqual({A: 'arbeit'});
|
|
});
|
|
});
|
|
|
|
describe('Darstellung — Farbe effektiv, Marke intrinsisch', () => {
|
|
const TXT = `[~] API #api (M)\n[x] Deploy :#api`;
|
|
|
|
it('färbt den Knoten mit dem effektiven Status und markiert ihn als held', () => {
|
|
const {html} = render(TXT);
|
|
/* `done` steht daneben: Es folgt dem INTRINSISCHEN Status (D46-Nachtrag) —
|
|
die Arbeit ist getan, auch wenn die Abhängigkeit den Knoten effektiv
|
|
zurückhält. Die Farbe bleibt die effektive. */
|
|
expect(html).toContain('class="node root-node held done st-arbeit" tabindex="0" data-line="2"');
|
|
expect(html).not.toContain('st-fertig" tabindex="0" data-line="2"');
|
|
});
|
|
|
|
it('hängt die eigene Statusbox als Marke in den eigenen Farben an', () => {
|
|
const {html} = render(TXT);
|
|
expect(html).toContain('<span class="chip ownst st-fertig" aria-hidden="true">[x]</span>');
|
|
});
|
|
|
|
it('benennt beide Status in Tooltip und aria-label', () => {
|
|
const {html} = render(TXT);
|
|
expect(html).toContain('data-tip="→ #api · heldTooltip · jumpHint"');
|
|
expect(html).toContain('aria-label="Deploy, a11yStatus, a11yEffective, a11yDeps"');
|
|
});
|
|
|
|
it('ändert Knoten ohne Diskrepanz nicht', () => {
|
|
const {html} = render(`[x] API #api\n[x] Deploy :#api`);
|
|
expect(html).not.toContain('ownst');
|
|
expect(html).not.toContain('held');
|
|
expect((html.match(/st-fertig/g) || []).length).toBe(2);
|
|
});
|
|
});
|