Terminplaner: Einbau-Skript – veraltetes Angebot

Fehler an leistung/ressource (beim Absenden und bei Tage/Zeiten) laden zuerst die Konfiguration
neu (ladeNeu): gilt die Auswahl nicht mehr, beginnt die Strecke von vorn mit Hinweis; sonst
steht die Meldung des Servers. Knopfmodus: Aufbaufehler zeigt den Ausweichtext statt "Wird
geladen".

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

test/ui/termine-widget.ui.mjs

@@ -1038,6 +1038,76 @@ async function pruefungen() {
     eq(await fokus(), { body: false, label: 'Nächster Monat', imWidget: true }, 'Fokus nach dem gesperrten "Vorheriger Monat" beim anderen Pfeil')
   })
 
+  // ---------------------------------------------------------------- 14. Fix-Runde 2: veraltetes Angebot, Aufbaufehler im Knopfmodus
+
+  // Die Auswahl wird gewaehlt, der Betrieb aendert das Angebot, dann antwortet der Server auf /tage mit 400 (leistung/ressource):
+  // das Widget muss frisch laden und von vorn beginnen (Hinweis, neue Liste), nicht "Gerade nicht erreichbar" zeigen.
+  const veraltetVorTage = (wahl) => async (page) => {
+    await oeffne(page, seitenHtml(eingebettet('data-modus="inline"')))
+    const wd = w(page)
+    let freigeben = null
+    const tor = new Promise((resolve) => { freigeben = resolve })
+    await page.route(/\/tage\?/, async (route) => { await tor; await route.continue() })
+    await karte(wd, 'Damenschnitt').click()
+    await warteTitel(wd, 'Bei wem')
+    const eingabe = salonEingabe()
+    if (wahl === 'leistung') {
+      eingabe.leistungen = eingabe.leistungen.filter((l) => l.id !== S_DAMEN)
+      await karte(wd, 'Egal').click() // /tage ist unterwegs und wird festgehalten ...
+    } else {
+      eingabe.ressourcen = eingabe.ressourcen.map((r) => (r.id === R_ANNA ? { ...r, aktiv: false } : r))
+      await karte(wd, 'Anna').click()
+    }
+    await srv.speichere(eingabe) // ... der Betrieb aendert das Angebot ...
+    freigeben() // ... und der Abruf erreicht den Server erst jetzt
+    await wd.locator('.wkt-meldung').waitFor()
+    eq(await wd.locator('.wkt-meldung').innerText(), 'Das Angebot hat sich geändert. Bitte wählen Sie neu.', 'Hinweis')
+    eq(await titel(wd).innerText(), 'Welche Leistung möchten Sie buchen?', 'Neubeginn bei der Leistungswahl')
+    eq(await wd.locator('.wkt-ausfall').count(), 0, 'kein "Gerade nicht erreichbar"')
+    eq(await karte(wd, 'Herrenschnitt').count(), 1, 'frische Liste')
+    if (wahl === 'leistung') {
+      eq(await karte(wd, 'Damenschnitt').count(), 0, 'entfernte Leistung nicht mehr in der Liste')
+    } else {
+      // mit Anna ausser Betrieb bleibt nur Ben: kein Personenschritt mehr, die Strecke geht gleich zum Termin
+      await karte(wd, 'Damenschnitt').click()
+      await warteTitel(wd, 'Wann passt es Ihnen?')
+      eq(await wd.locator('.wkt-pfad').innerText(), 'Schritt 2 von 4', 'ohne Personenschritt')
+      await wd.locator('td.wkt-tag[aria-disabled="false"]').first().waitFor()
+    }
+    await shot(page, `angebot-geaendert-${wahl}`)
+  }
+  await check('angebot_geaendert_leistung_vor_tage', veraltetVorTage('leistung'))
+  await check('angebot_geaendert_person_vor_tage', veraltetVorTage('person'))
+
+  await check('angebot_geaendert_400_beim_absenden', async (page) => {
+    await oeffne(page, seitenHtml(eingebettet('data-modus="inline"')))
+    const wd = await bisZusammenfassung(page, { leistung: 'Damenschnitt', tag: '2026-10-26' })
+    await wd.locator('input[name=storno]').check()
+    const eingabe = salonEingabe()
+    eingabe.leistungen = eingabe.leistungen.filter((l) => l.id !== S_DAMEN)
+    await srv.speichere(eingabe) // das Token ist noch gueltig: der Server antwortet mit 400 fuer die Leistung, nicht mit neu_laden
+    await wd.getByRole('button', { name: 'Zahlungspflichtig buchen' }).click()
+    await wd.locator('.wkt-meldung').waitFor()
+    eq(await wd.locator('.wkt-meldung').innerText(), 'Das Angebot hat sich geändert. Bitte wählen Sie neu.', 'Hinweis')
+    eq(await titel(wd).innerText(), 'Welche Leistung möchten Sie buchen?', 'Neubeginn')
+    eq(await karte(wd, 'Damenschnitt').count(), 0, 'entfernte Leistung nicht mehr in der Liste')
+    eq(srv.buchungen().length, 0, 'nichts gebucht')
+  })
+
+  await check('knopf_render_fehler_zeigt_ausweichtext', async (page) => {
+    await page.addInitScript(() => {
+      const echt = document.createElement.bind(document)
+      document.createElement = (tag, opt) => { if (String(tag).toLowerCase() === 'ul') throw new Error('Test: Aufbau scheitert'); return echt(tag, opt) }
+    })
+    await oeffne(page, seitenHtml(eingebettet('data-modus="knopf" data-knopf="Termin buchen"')))
+    await page.getByRole('button', { name: 'Termin buchen' }).click()
+    const dlg = page.locator('dialog.wkt-dialog')
+    await dlg.locator('#ausweich').waitFor()
+    assert(await dlg.locator('#ausweich').isVisible(), 'Ausweichtext im Dialog')
+    assert(!(await dlg.innerText()).includes('Wird geladen'), '"Wird geladen" darf nicht stehen bleiben')
+    eq(await dlg.locator('.wkt-karte').count(), 0, 'kein halbes Widget')
+  })
+
   // Zum Schluss: Server gestoppt. Seite und Skript liefert ein eigener kleiner Server, die Schnittstelle ist weg (Verbindung abgelehnt).
   await check('server_gestoppt_ausweichtext', async (page) => {
     const skript = await readFile(WIDGET_JS, 'utf8')