Buchungskalender: Widget-Monatsnavigation und Tastaturfokus

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

test/unterkunftWidgetFluss.test.js

@@ -70,3 +70,23 @@ test('Pfeiltasten bewegen den Fokus', async () => {
     assert.equal(fx.document.activeElement.getAttribute('data-tag'), '2026-11-18')
   } finally { fx.restore() }
 })
+
+test('Monatsnavigation: erster Monat hat aktiven Weiter-Knopf, Fokus bleibt, Tab-Stop im gezeigten Monat, Abreisetag-Label', async () => {
+  const { fx, el } = start([{ status: 200, body: CFG }, { status: 200, body: BEL }])
+  try {
+    await fx.ruhe(); await fx.ruhe()
+    const erster = fx.finde(el, '.wku-monat')
+    const weiter = fx.finde(erster, '[data-nav="vor1"]')
+    assert.ok(weiter && !weiter.hasAttribute('disabled'))
+    await fx.klick(weiter)
+    assert.match(fx.text(el), /Dezember 2026/)
+    assert.equal(fx.document.activeElement.getAttribute('data-nav'), 'vor1')
+    assert.equal(fx.finde(el, '[data-tag][tabindex="0"]').getAttribute('data-tag'), '2026-12-01')
+    await fx.klick(fx.finde(el, '[data-nav="zur"]'))
+    assert.equal(fx.document.activeElement.getAttribute('data-nav'), 'vor1') // Zurueck ist im ersten Monat gesperrt, Fokus wechselt zum Weiter-Knopf
+    assert.equal(fx.finde(el, '[data-tag][tabindex="0"]').getAttribute('data-tag'), '2026-11-01')
+    await fx.klick(tag(fx, el, '2026-11-18'))
+    assert.match(tag(fx, el, '2026-11-20').getAttribute('aria-label'), /belegt – als Abreisetag möglich/)
+    assert.doesNotMatch(tag(fx, el, '2026-11-22').getAttribute('aria-label'), /Abreisetag möglich/)
+  } finally { fx.restore() }
+})