lsa-planer
LSA-Planer Professional – Planungssoftware für Lichtsignalanlagen nach RiLSA 2015 und § 45 StVO. EUPL-1.2.
/ tests ui neuesProjektRueckfrage.test.ts
| 1 | import { beforeAll, describe, expect, it, vi } from 'vitest'; |
| 2 | import { ladeSitzung, saveSession } from '@/services/storage'; |
| 3 | |
| 4 | /** |
| 5 | * Nach "Neu" fragt das Programm zurueck, solange der Stand in keiner Datei |
| 6 | * steht (Befund 38). |
| 7 | * |
| 8 | * Was der Anwender sonst erlebt: Er startet das Programm, waehlt "Neu" und |
| 9 | * darin eine Vorlage - beim gefuehrten Einstieg beantwortet er dafuer drei bis |
| 10 | * vier Fragen. Das Ergebnis steht in keiner Datei, die Kopfzeile meldet |
| 11 | * trotzdem "gespeichert". Ein Strg+N gleich darauf laeuft ohne Rueckfrage |
| 12 | * durch `confirmDiscard`, das Auswahlfenster erscheint sofort, und mit dem |
| 13 | * ersten Klick darin ist das eben angelegte Projekt fort: `store.replace` |
| 14 | * leert die Rueckgaengig-Kette, und der anschliessende `flush()` schreibt ueber |
| 15 | * den einen Sitzungssatz. |
| 16 | * |
| 17 | * Geprueft wird am echten Einstiegspunkt: `src/main.ts` wird eingelesen und |
| 18 | * startet die ganze Anwendung; nur der Sitzungsspeicher ist ersetzt. Als |
| 19 | * Vorlage dient das Beispielprojekt - es ist derselbe Fall wie das Ergebnis |
| 20 | * des Assistenten (ein Projekt mit Inhalt, das in keiner Datei steht) und |
| 21 | * braucht dafuer nur einen Klick statt vier beantworteter Fragen. |
| 22 | * |
| 23 | * GEGEN DEN ALTSTAND schlagen der zweite und der dritte Fall fehl: Dort stand |
| 24 | * nach dem zweiten Strg+N sofort die Vorlagenauswahl. Der dritte faellt allein |
| 25 | * als Folge davon - die drei Faelle bauen in einem Fenster aufeinander auf, und |
| 26 | * ohne die Rueckfrage fehlt ihm die Schaltflaeche "Verwerfen und neu beginnen", |
| 27 | * die er wegklickt. Inhaltlich sind der erste und der dritte Fall die |
| 28 | * Gegenprobe: vor dem Anlegen und nach "Leeres Projekt" darf keine Rueckfrage |
| 29 | * kommen. |
| 30 | */ |
| 31 | |
| 32 | vi.mock('@/services/storage', async (importOriginal) => { |
| 33 | const echt = await importOriginal<typeof import('@/services/storage')>(); |
| 34 | return { |
| 35 | ...echt, |
| 36 | ladeSitzung: vi.fn(), |
| 37 | saveSession: vi.fn(), |
| 38 | addRecoveryPoint: vi.fn(), |
| 39 | }; |
| 40 | }); |
| 41 | |
| 42 | async function warte(ms = 0): Promise<void> { |
| 43 | await new Promise((fertig) => setTimeout(fertig, ms)); |
| 44 | } |
| 45 | |
| 46 | /** Die Ueberschriften aller gerade offenen Fenster. */ |
| 47 | function offeneFenster(): string[] { |
| 48 | return [...document.querySelectorAll('.dialog-hintergrund h2')].map( |
| 49 | (h) => h.textContent?.trim() ?? '', |
| 50 | ); |
| 51 | } |
| 52 | |
| 53 | function schaltflaeche(text: string): HTMLButtonElement { |
| 54 | const treffer = [...document.querySelectorAll('button')].find( |
| 55 | (b) => b.textContent?.trim() === text || b.getAttribute('aria-label') === text, |
| 56 | ); |
| 57 | if (!treffer) throw new Error(`Schaltflaeche "${text}" nicht gefunden.`); |
| 58 | return treffer; |
| 59 | } |
| 60 | |
| 61 | function druecke(taste: string): void { |
| 62 | window.dispatchEvent( |
| 63 | new KeyboardEvent('keydown', { key: taste, ctrlKey: true, bubbles: true, cancelable: true }), |
| 64 | ); |
| 65 | } |
| 66 | |
| 67 | beforeAll(async () => { |
| 68 | vi.mocked(ladeSitzung).mockResolvedValue({ art: 'leer' }); |
| 69 | vi.mocked(saveSession).mockResolvedValue({ ok: true, message: '' }); |
| 70 | |
| 71 | document.body.replaceChildren(); |
| 72 | const wurzel = document.createElement('div'); |
| 73 | wurzel.id = 'anwendung'; |
| 74 | document.body.append(wurzel); |
| 75 | |
| 76 | await import('@/main'); |
| 77 | await warte(20); |
| 78 | // Ausdrueckliche Frist: Der Aufbau der ganzen Anwendung braucht auf einem |
| 79 | // ausgelasteten Rechner mehr als die fuenf Sekunden der Voreinstellung. |
| 80 | }, 20000); |
| 81 | |
| 82 | describe('Ueber "Neu" angelegtes Projekt', () => { |
| 83 | it('wird ohne Rueckfrage angelegt, solange nichts eingetragen ist', async () => { |
| 84 | druecke('n'); |
| 85 | await warte(10); |
| 86 | |
| 87 | // Der Startstand ist unberuehrt - eine Rueckfrage darueber schuetzt nichts. |
| 88 | expect(offeneFenster()).toEqual(['Neues Projekt']); |
| 89 | |
| 90 | schaltflaeche('Beispielprojekt').click(); |
| 91 | await warte(10); |
| 92 | expect(offeneFenster()).toEqual([]); |
| 93 | }); |
| 94 | |
| 95 | it('fragt vor dem naechsten "Neu" zurueck, weil es in keiner Datei steht', async () => { |
| 96 | druecke('n'); |
| 97 | await warte(10); |
| 98 | |
| 99 | // Ohne die Rueckfrage stuende hier sofort die Vorlagenauswahl - und mit dem |
| 100 | // ersten Klick darin waere das eben angelegte Projekt fort. |
| 101 | expect(offeneFenster()).toEqual(['Ungespeicherte Änderungen']); |
| 102 | }); |
| 103 | |
| 104 | it('legt nach "Leeres Projekt" keinen ungespeicherten Stand an', async () => { |
| 105 | schaltflaeche('Verwerfen und neu beginnen').click(); |
| 106 | await warte(10); |
| 107 | schaltflaeche('Leeres Projekt').click(); |
| 108 | await warte(10); |
| 109 | |
| 110 | druecke('n'); |
| 111 | await warte(10); |
| 112 | // Kein Inhalt, keine Rueckfrage: Der leere Stand ist von einem eben |
| 113 | // angelegten nicht zu unterscheiden. |
| 114 | expect(offeneFenster()).toEqual(['Neues Projekt']); |
| 115 | }); |
| 116 | }); |