Gulum
b9e5b031c4
Rechtsklick auf eine Maus im Stammbaum öffnet ein Kontextmenü mit „ID kopieren" (Clipboard + Toast) und „Fehler melden". Zusätzlich „Fehler melden"-Buttons in der Rennmausakte und der Wurf-Ansicht. Der Dialog erfasst eine Beschreibung und sendet sie samt Debug-Kontext (Ansicht, Tier-/Wurf-ID + Name, URL, Zeitstempel, User-Agent) an POST /feedback; gespeichert in einer neuen Feedback-Tabelle. Backend: Feedback-Entity (lose nullable GerbilId/LitterId ohne FK), Endpoints POST/GET /feedback, EF-Migration AddFeedback. Die Tabelle wird vom Import-Ingest NICHT geleert — Feedback überlebt Re-Ingests (Test deckt das ab). Tests: FeedbackEndpointTests (persistiert, 400 bei leer, übersteht Ingest-Wipe); e2e feedback.spec.ts. tsc/eslint/vitest(129)/playwright(6)/dotnet(212) grün. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
86 lines
3.5 KiB
TypeScript
86 lines
3.5 KiB
TypeScript
/** FEEDBACK: "Fehler melden" Dialog + Stammbaum-Rechtsklick ("ID kopieren" / "Fehler melden"). */
|
|
import { de, expect, skipUnlessMock, test } from './fixtures'
|
|
|
|
const f = de.feedback
|
|
const st = de.pages.stammbaum
|
|
|
|
test('Tierakte: "Fehler melden"-Button öffnet den Dialog, Senden zeigt Erfolg', async ({ page, mockDb }) => {
|
|
skipUnlessMock()
|
|
await page.goto('/rennmaeuse/kruemel')
|
|
|
|
// Button in den Aktionen öffnet den Dialog.
|
|
await page.getByRole('button', { name: f.button }).click()
|
|
const dialog = page.getByRole('dialog', { name: f.dialogTitle })
|
|
await expect(dialog).toBeVisible()
|
|
|
|
// Debug-Kontext ist sichtbar (automatisch erfasst).
|
|
await expect(dialog).toContainText(f.debugTitle)
|
|
await expect(dialog).toContainText(f.contexts['gerbil-detail'])
|
|
|
|
// Beschreibung eintragen + senden.
|
|
await dialog.getByLabel(f.label).fill('Der Farbschlag stimmt nicht.')
|
|
await dialog.getByRole('button', { name: f.submit }).click()
|
|
|
|
// Erfolgs-Toast + Dialog schließt.
|
|
await expect(page.getByText(f.success)).toBeVisible()
|
|
await expect(dialog).not.toBeVisible()
|
|
|
|
// Der Bericht wurde mit Debug-Kontext gespeichert.
|
|
expect(mockDb).not.toBeNull()
|
|
const reports = mockDb!.feedback
|
|
expect(reports.length).toBe(1)
|
|
expect(reports[0]).toMatchObject({
|
|
message: 'Der Farbschlag stimmt nicht.',
|
|
context: 'gerbil-detail',
|
|
gerbilId: 'kruemel',
|
|
})
|
|
expect(reports[0].url).toContain('/rennmaeuse/kruemel')
|
|
expect(typeof reports[0].clientTimestamp).toBe('string')
|
|
})
|
|
|
|
test('Wurf-Ansicht: "Fehler melden"-Button öffnet den Dialog und sendet mit Wurf-Kontext', async ({ page, mockDb }) => {
|
|
skipUnlessMock()
|
|
await page.goto('/wuerfe/w-kruemel')
|
|
|
|
await page.getByRole('button', { name: f.button }).click()
|
|
const dialog = page.getByRole('dialog', { name: f.dialogTitle })
|
|
await expect(dialog).toBeVisible()
|
|
await expect(dialog).toContainText(f.contexts['litter-detail'])
|
|
|
|
await dialog.getByLabel(f.label).fill('Die Wurfstärke ist falsch.')
|
|
await dialog.getByRole('button', { name: f.submit }).click()
|
|
await expect(page.getByText(f.success)).toBeVisible()
|
|
|
|
const reports = mockDb!.feedback
|
|
expect(reports.length).toBe(1)
|
|
expect(reports[0]).toMatchObject({ context: 'litter-detail', litterId: 'w-kruemel' })
|
|
})
|
|
|
|
test('Stammbaum: Rechtsklick auf eine Karte zeigt "ID kopieren" + "Fehler melden"', async ({ page, mockDb }) => {
|
|
skipUnlessMock()
|
|
await page.goto('/rennmaeuse/kruemel/stammbaum')
|
|
await expect(page.locator('.pedigree-card').first()).toBeVisible()
|
|
|
|
// Rechtsklick auf die Wurzelkarte (Krümel).
|
|
await page.locator('.pedigree-card--root').click({ button: 'right' })
|
|
|
|
const menu = page.locator('.stammbaum-context-menu')
|
|
await expect(menu).toBeVisible()
|
|
await expect(menu.getByRole('menuitem', { name: st.contextMenu.copyId })).toBeVisible()
|
|
await expect(menu.getByRole('menuitem', { name: st.contextMenu.reportError })).toBeVisible()
|
|
|
|
// "Fehler melden" öffnet den Dialog mit Stammbaum-Kontext.
|
|
await menu.getByRole('menuitem', { name: st.contextMenu.reportError }).click()
|
|
const dialog = page.getByRole('dialog', { name: f.dialogTitle })
|
|
await expect(dialog).toBeVisible()
|
|
await expect(dialog).toContainText(f.contexts.stammbaum)
|
|
|
|
await dialog.getByLabel(f.label).fill('Stammbaum-Bug.')
|
|
await dialog.getByRole('button', { name: f.submit }).click()
|
|
await expect(page.getByText(f.success)).toBeVisible()
|
|
|
|
const reports = mockDb!.feedback
|
|
expect(reports.length).toBe(1)
|
|
expect(reports[0]).toMatchObject({ context: 'stammbaum', gerbilId: 'kruemel' })
|
|
})
|