Terminplaner: Portal-Ansicht – Fokus und aria-busy

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

test/ui/termine-portal.ui.mjs

@@ -1590,6 +1590,55 @@ async function pruefungen() {
     eq([auswahl.von, auswahl.bis], [0, auswahl.laenge], 'der ganze Link ist markiert')
   })
 
+  // ------------------------------------------------------------ Fokus nach „Neuen Link erzeugen“
+  await check('echt_feed_link_fokus_nach_erzeugen', async (page) => {
+    await oeffneReiter(page, 'team')
+    await knopf(zeileMitId(page, R_ANNA), 'Bearbeiten: Anna').click()
+    const feed = zeileMitId(page, R_ANNA).locator('.tm-feed')
+    const link = feed.locator('.tm-link-feld')
+    const vorher = await link.inputValue()
+    await knopf(feed, 'Neuen Link erzeugen').click()
+    await knopf(page.getByRole('form', { name: 'Neuen Kalender-Link erzeugen?' }), 'Neuen Link erzeugen').click()
+    await page.waitForFunction((alt) => document.querySelector('#tm-panel .tm-link-feld')?.value !== alt, vorher)
+    await page.waitForFunction(() => !document.querySelector('#tm-panel').hasAttribute('aria-busy'))
+    // der Fokus steht wieder auf dem Knopf, der die Rueckfrage geoeffnet hat (und der ist frei), nicht verloren auf der Seite
+    const aktiv = await page.evaluate(() => ({ aktion: document.activeElement?.dataset?.aktion, gesperrt: document.activeElement?.disabled, text: document.activeElement?.textContent }))
+    eq(aktiv, { aktion: 'link-neu', gesperrt: false, text: 'Neuen Link erzeugen' }, 'Fokus nach dem Erzeugen')
+    // ... und per Tastatur geht es weiter: Enter oeffnet die naechste Rueckfrage
+    await page.keyboard.press('Enter')
+    await page.getByRole('form', { name: 'Neuen Kalender-Link erzeugen?' }).waitFor()
+  })
+
+  // ------------------------------------------------------------ Reiter wechseln, waehrend ein Speichern laeuft: aria-busy faellt
+  await check('echt_busy_nach_reiterwechsel', async (page) => {
+    // die Antwort auf ein Speichern braucht 0,9 s
+    await page.route('**/api/termine/einstellungen', async (route) => {
+      if (route.request().method() === 'PATCH') await new Promise((fertig) => { setTimeout(fertig, 900) })
+      await route.fallback()
+    })
+    await oeffneReiter(page, 'leistungen')
+    const v0 = version()
+    await knopf(zeileMitId(page, S_HERREN), 'Bearbeiten: Herrenschnitt').click()
+    const form = formular(page, 'Leistung bearbeiten: Herrenschnitt')
+    await form.getByLabel('Dauer (Minuten)', { exact: true }).fill('35')
+    await knopf(form, 'Speichern').click()
+    await page.locator('#tm-panel[aria-busy="true"]').waitFor()
+    // mitten im Speichern zu Team & Plaetze wechseln: der neue Reiter hat sein eigenes, freies Gerueest
+    await page.locator('[data-reiter="team"]').click()
+    await page.locator('#tm-tab-team[aria-selected="true"]').waitFor()
+    await page.locator('#tm-panel li[data-id="r_anna0001"]').waitFor()
+    // das Speichern geht zu Ende, danach darf aria-busy nicht stehen bleiben
+    await warteBis(() => version() === v0 + 1, 'Speichern angekommen')
+    await page.waitForFunction(() => !document.querySelector('#tm-panel').hasAttribute('aria-busy'), null, { timeout: 4000 })
+    eq(await page.locator('#tm-panel[aria-busy]').count(), 0, 'aria-busy nach dem Speichern weg')
+    eq(await page.locator('#tm-panel .tm-tab button:disabled').count() > 0, false, 'die Knöpfe des neuen Reiters sind frei')
+    eq(await knopf(page, '+ Person oder Platz hinzufügen').isEnabled(), true, 'neuer Reiter bedienbar')
+    // das Ergebnis des Speicherns ist trotzdem da und der Reiter Leistungen zeigt es
+    await page.locator('[data-reiter="leistungen"]').click()
+    assert((await textVon(zeileMitId(page, S_HERREN).locator('.tm-meta').first())).includes('35 Min.'), 'Leistungen zeigen die gespeicherte Dauer')
+    eq(await page.locator('#tm-panel[aria-busy]').count(), 0, 'weiter kein aria-busy')
+  })
+
   // ------------------------------------------------------------ Konflikt mit zweitem Tab
   await check('echt_konflikt_zweiter_tab', async (page, ctx) => {
     await oeffneReiter(page, 'einstellungen')