import { beforeAll, describe, expect, it, vi } from 'vitest'; import { ladeSitzung, saveSession } from '@/services/storage'; /** * Nach "Neu" fragt das Programm zurueck, solange der Stand in keiner Datei * steht (Befund 38). * * Was der Anwender sonst erlebt: Er startet das Programm, waehlt "Neu" und * darin eine Vorlage - beim gefuehrten Einstieg beantwortet er dafuer drei bis * vier Fragen. Das Ergebnis steht in keiner Datei, die Kopfzeile meldet * trotzdem "gespeichert". Ein Strg+N gleich darauf laeuft ohne Rueckfrage * durch `confirmDiscard`, das Auswahlfenster erscheint sofort, und mit dem * ersten Klick darin ist das eben angelegte Projekt fort: `store.replace` * leert die Rueckgaengig-Kette, und der anschliessende `flush()` schreibt ueber * den einen Sitzungssatz. * * Geprueft wird am echten Einstiegspunkt: `src/main.ts` wird eingelesen und * startet die ganze Anwendung; nur der Sitzungsspeicher ist ersetzt. Als * Vorlage dient das Beispielprojekt - es ist derselbe Fall wie das Ergebnis * des Assistenten (ein Projekt mit Inhalt, das in keiner Datei steht) und * braucht dafuer nur einen Klick statt vier beantworteter Fragen. * * GEGEN DEN ALTSTAND schlagen der zweite und der dritte Fall fehl: Dort stand * nach dem zweiten Strg+N sofort die Vorlagenauswahl. Der dritte faellt allein * als Folge davon - die drei Faelle bauen in einem Fenster aufeinander auf, und * ohne die Rueckfrage fehlt ihm die Schaltflaeche "Verwerfen und neu beginnen", * die er wegklickt. Inhaltlich sind der erste und der dritte Fall die * Gegenprobe: vor dem Anlegen und nach "Leeres Projekt" darf keine Rueckfrage * kommen. */ vi.mock('@/services/storage', async (importOriginal) => { const echt = await importOriginal(); return { ...echt, ladeSitzung: vi.fn(), saveSession: vi.fn(), addRecoveryPoint: vi.fn(), }; }); async function warte(ms = 0): Promise { await new Promise((fertig) => setTimeout(fertig, ms)); } /** Die Ueberschriften aller gerade offenen Fenster. */ function offeneFenster(): string[] { return [...document.querySelectorAll('.dialog-hintergrund h2')].map( (h) => h.textContent?.trim() ?? '', ); } function schaltflaeche(text: string): HTMLButtonElement { const treffer = [...document.querySelectorAll('button')].find( (b) => b.textContent?.trim() === text || b.getAttribute('aria-label') === text, ); if (!treffer) throw new Error(`Schaltflaeche "${text}" nicht gefunden.`); return treffer; } function druecke(taste: string): void { window.dispatchEvent( new KeyboardEvent('keydown', { key: taste, ctrlKey: true, bubbles: true, cancelable: true }), ); } beforeAll(async () => { vi.mocked(ladeSitzung).mockResolvedValue({ art: 'leer' }); vi.mocked(saveSession).mockResolvedValue({ ok: true, message: '' }); document.body.replaceChildren(); const wurzel = document.createElement('div'); wurzel.id = 'anwendung'; document.body.append(wurzel); await import('@/main'); await warte(20); // Ausdrueckliche Frist: Der Aufbau der ganzen Anwendung braucht auf einem // ausgelasteten Rechner mehr als die fuenf Sekunden der Voreinstellung. }, 20000); describe('Ueber "Neu" angelegtes Projekt', () => { it('wird ohne Rueckfrage angelegt, solange nichts eingetragen ist', async () => { druecke('n'); await warte(10); // Der Startstand ist unberuehrt - eine Rueckfrage darueber schuetzt nichts. expect(offeneFenster()).toEqual(['Neues Projekt']); schaltflaeche('Beispielprojekt').click(); await warte(10); expect(offeneFenster()).toEqual([]); }); it('fragt vor dem naechsten "Neu" zurueck, weil es in keiner Datei steht', async () => { druecke('n'); await warte(10); // Ohne die Rueckfrage stuende hier sofort die Vorlagenauswahl - und mit dem // ersten Klick darin waere das eben angelegte Projekt fort. expect(offeneFenster()).toEqual(['Ungespeicherte Änderungen']); }); it('legt nach "Leeres Projekt" keinen ungespeicherten Stand an', async () => { schaltflaeche('Verwerfen und neu beginnen').click(); await warte(10); schaltflaeche('Leeres Projekt').click(); await warte(10); druecke('n'); await warte(10); // Kein Inhalt, keine Rueckfrage: Der leere Stand ist von einem eben // angelegten nicht zu unterscheiden. expect(offeneFenster()).toEqual(['Neues Projekt']); }); });