TP2 Abschlussprüfung: Fragebogen und Bestellseite (veralteter Tab, Abo-Hinweis, Zurück aus Stripe)

- PUT /fragebogen: ein Tab mit veralteter Branche bekommt 409 EINSTELLUNG_VERALTET (die Branche wechselt nur die Vorlage), bestaetigt wird mit
  dem gespeicherten Stand vereinigt; die ungeprüften Vorlagenpreise können nicht mehr als geprüft gelten
- GET /einstellungen liefert in off aboHinweis (aboMeldung, auch bei nicht lesbarem Abo); die Hinweiskarte zeigt ihn immer und hat „Neu laden“
- Bestellseite und Statuskarte laden bei pageshow (persisted) neu, wenn der Browser sie nach der Zahlungsseite aus dem bfcache holt
- renderBestellen zeichnet „Ändern“ und „Zum Schritt“ nur mit zumSchritt; nach einem 409 bekommt die Meldung den Fokus
- Zusammenfassung nennt „Kleinunternehmer: ja/nein“

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

test/support/fakeDom.js

@@ -3,7 +3,8 @@
 //   const fx = installFakeDom({ antworten: [{ status: 400, body: { fehler: {...} } }] })
 //   try { ...Client-Code bauen, fx.klick(knopf), fx.fetchLog pruefen... } finally { fx.restore() }
 //
-// installFakeDom stellt `document`, `window` (nur location mit href, pathname, search, hash und history.replaceState), `CSS.escape` und `fetch` auf globalThis, restore() stellt den
+// installFakeDom stellt `document`, `window` (location mit href, pathname, search, hash und reload() - jeder Aufruf steht in fx.reloads -, history.replaceState und
+// addEventListener/removeEventListener/dispatchEvent fuer Ereignisse des Fensters wie 'pageshow'), `CSS.escape` und `fetch` auf globalThis, restore() stellt den
 // alten Zustand wieder her. `h` aus public/termine-dom.js liest `document` bei jedem Aufruf: der Client braucht keine Einhaengepunkte.
 // Wurzeln, die `isConnected` brauchen (neuerSpeicher.nochHier), haengt der Test selbst an `document.body`.
 //
@@ -471,7 +472,7 @@ const GLOBALE = ['document', 'window', 'CSS', 'fetch']
 
 /**
  * Fake-DOM und Fake-fetch auf globalThis stellen.
- * => { document, window, fetchLog, antworten, finde, alle, text, klick, setze, sende, ruhe, restore }
+ * => { document, window, fetchLog, reloads, antworten, finde, alle, text, klick, setze, sende, ruhe, restore }
  *   finde(baum, vergleich) / alle(baum, vergleich): erstes / alle Elemente im Baum (baum selbst eingeschlossen, Dokumentreihenfolge), fuer die
  *     vergleich(el) wahr ist (Funktion) oder die zum Selektor passen (String).
  *   text(baum): Text des Baums (textContent). klick(el), setze(el, wert), ruhe(): siehe Kopf der Datei.
@@ -479,11 +480,28 @@ const GLOBALE = ['document', 'window', 'CSS', 'fetch']
 export function installFakeDom({ antworten = [] } = {}) {
   const vorher = Object.fromEntries(GLOBALE.map((name) => [name, Object.getOwnPropertyDescriptor(globalThis, name)]))
   const document = neuesDokument()
-  const location = { href: 'http://localhost/', pathname: '/dashboard.html', search: '', hash: '' }
+  const reloads = []
+  const location = { href: 'http://localhost/', pathname: '/dashboard.html', search: '', hash: '', reload: () => { reloads.push(location.href) } }
+  const fensterEreignisse = new Map()
   const window = {
     document,
     location,
     history: { replaceState: (_zustand, _titel, url) => { location.hash = String(url ?? '').includes('#') ? `#${String(url).split('#')[1]}` : '' } },
+    addEventListener(typ, fn) {
+      if (!fensterEreignisse.has(typ)) fensterEreignisse.set(typ, [])
+      fensterEreignisse.get(typ).push(fn)
+    },
+    removeEventListener(typ, fn) {
+      const liste = fensterEreignisse.get(typ)
+      if (liste?.includes(fn)) liste.splice(liste.indexOf(fn), 1)
+    },
+    /** Ereignis an die Handler des Fensters (z. B. { type: 'pageshow', persisted: true }); Rueckgaben werden nicht abgewartet. */
+    dispatchEvent(ev) {
+      for (const fn of [...(fensterEreignisse.get(ev.type) ?? [])]) fn(ev)
+      return true
+    },
+    /** Zahl der Handler eines Typs (fuer Tests, die Aufraeumen pruefen). */
+    anzahlHandler: (typ) => (fensterEreignisse.get(typ) ?? []).length,
   }
   const fetchLog = []
   const warteschlange = [...antworten]
@@ -503,6 +521,7 @@ export function installFakeDom({ antworten = [] } = {}) {
     document,
     window,
     fetchLog,
+    reloads,
     antworten: warteschlange,
     finde: (baum, vergleich) => knoten(baum).find(pruefung(vergleich)) ?? null,
     alle: (baum, vergleich) => knoten(baum).filter(pruefung(vergleich)),