INBOX-1: Anfragen-Posteingang UI - Liste (Status-Filter, Sync-Button mit MailNotConfigured-Hinweis), Detail (Triage/Zuordnen/Verwerfen, KI-Entwurf mit AiKeyMissing-Hinweis, bestaetigter Versand) + nav + 6 e2e-Specs (Mock um /api/requests erweitert)

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-06-06 11:23:41 +02:00
parent 36454f3747
commit aaaf5b6fb7
11 changed files with 844 additions and 1 deletions
--- a/gerbil-manager-web/e2e/anfragen.spec.ts
+++ b/gerbil-manager-web/e2e/anfragen.spec.ts
@@ -0,0 +1,87 @@
+/**
+ * INBOX-1: Anfragen-Posteingang — Liste/Filter, Triage, KI-Entwurf (inkl.
+ * AiKeyMissing-Hinweis), Senden (inkl. MailNotConfigured-Hinweis).
+ * Mock-gebunden (Seed-Anfragen + Fehlerpfad-Flags) → skipUnlessMock.
+ */
+import { acceptNextDialog, de, expect, gotoSection, skipUnlessMock, test } from './fixtures'
+
+const ta = de.pages.anfragen
+const td = ta.detail
+
+test.describe('Anfragen', () => {
+  test('Liste zeigt Anfragen neueste zuerst + Status-Filter', async ({ page }) => {
+    skipUnlessMock()
+    await gotoSection(page, de.nav.requests)
+    await expect(page.getByRole('heading', { name: ta.title })).toBeVisible()
+
+    // Neueste zuerst: Anna (05.06.) vor Ben (04.06.) vor Clara (01.06.)
+    const cards = page.locator('.anfrage-card')
+    await expect(cards).toHaveCount(3)
+    await expect(cards.nth(0)).toContainText('Anna Albrecht')
+    await expect(cards.nth(2)).toContainText('clara@example.com') // ohne Anzeigename → Adresse
+
+    // Status-Badge auf der Karte
+    await expect(cards.nth(0)).toContainText(ta.statusLabels.New)
+
+    // Filter: nur Beantwortet
+    await page.getByLabel(td.statusLabel).selectOption('Answered')
+    await expect(cards).toHaveCount(1)
+    await expect(cards.first()).toContainText('Danke!')
+  })
+
+  test('Sync ohne Gmail-Konfiguration zeigt deutschen Hinweis', async ({ page, mockDb }) => {
+    skipUnlessMock()
+    mockDb!.mailConfigured = false
+    await page.goto('/anfragen')
+    await page.getByRole('button', { name: ta.sync }).click()
+    await expect(page.getByText(ta.mailNotConfigured)).toBeVisible()
+  })
+
+  test('Detail: Triage — Abnehmer zuordnen setzt Status auf Zugeordnet', async ({ page, mockDb }) => {
+    skipUnlessMock()
+    await page.goto('/anfragen/req-anna')
+    await expect(page.getByRole('heading', { name: 'Anfrage: Pärchen zur Abgabe?' })).toBeVisible()
+    await expect(page.getByText('anna@example.de', { exact: false })).toBeVisible()
+
+    await page.getByLabel(td.assignContact).selectOption({ label: 'Zoohandlung Meier' })
+    await expect(page.locator('.anfrage-badge--assigned')).toBeVisible()
+    expect(mockDb!.requests.find((r) => r.id === 'req-anna')!.assignedContactId).toBe('con-meier')
+
+    // Verwerfen (mit Bestätigung) → Status Verworfen, Zuordnung bleibt
+    acceptNextDialog(page)
+    await page.getByRole('button', { name: td.abandon }).click()
+    await expect(page.locator('.anfrage-badge--abandoned')).toBeVisible()
+    expect(mockDb!.requests.find((r) => r.id === 'req-anna')!.assignedContactId).toBe('con-meier')
+  })
+
+  test('KI-Entwurf füllt das Antwortfeld; Senden markiert als Beantwortet', async ({ page }) => {
+    skipUnlessMock()
+    await page.goto('/anfragen/req-anna')
+
+    await page.getByRole('button', { name: td.draftButton }).click()
+    const textarea = page.locator('.anfrage-reply__text')
+    await expect(textarea).toHaveValue(/vielen Dank für deine Anfrage/)
+
+    // Entwurf bearbeiten, dann senden (bestätigt) → Beantwortet + Hinweis
+    await textarea.fill('Hallo Anna, ja — die beiden suchen noch ein Zuhause!')
+    acceptNextDialog(page)
+    await page.getByRole('button', { name: td.send }).click()
+    await expect(page.getByText(td.sent)).toBeVisible()
+    await expect(page.locator('.anfrage-badge--answered')).toBeVisible()
+  })
+
+  test('KI ohne Schlüssel: 503 wird zum freundlichen Hinweis', async ({ page, mockDb }) => {
+    skipUnlessMock()
+    mockDb!.aiConfigured = false
+    await page.goto('/anfragen/req-anna')
+    await page.getByRole('button', { name: td.draftButton }).click()
+    await expect(page.getByText(td.aiKeyMissing)).toBeVisible()
+  })
+
+  test('Senden ohne Text zeigt Hinweis statt Versand', async ({ page }) => {
+    skipUnlessMock()
+    await page.goto('/anfragen/req-anna')
+    await page.getByRole('button', { name: td.send }).click()
+    await expect(page.getByText(td.sendEmptyBody)).toBeVisible()
+  })
+})