/**
 * GEPRÜFTE TIERE: „vollständig korrekt"-Markierung auf der Rennmausakte (Badge + Toggle)
 * und die Übersichtsseite unter Hilfe. Mock-gebunden → skipUnlessMock.
 */
import { de, expect, gotoSection, acceptNextDialog, skipUnlessMock, test } from './fixtures'

const vt = de.verified

test.describe('Geprüfte Tiere', () => {
  test('Tier als vollständig korrekt markieren und Markierung entfernen', async ({ page }) => {
    skipUnlessMock()
    await gotoSection(page, de.nav.gerbils)

    // Erste Rennmaus aus der Liste öffnen.
    await page.locator('.gerbil-card').first().click()

    // Prüfstatus-Karte ist sichtbar und erklärt sich selbst.
    await expect(page.getByRole('heading', { name: vt.sectionTitle })).toBeVisible()

    // Markieren → Bestätigungs-Badge erscheint.
    await page.getByRole('button', { name: vt.markAction }).click()
    await expect(page.getByText(vt.verifiedBadge).first()).toBeVisible()

    // Markierung entfernen (Klartext-Bestätigung akzeptieren) → Badge verschwindet.
    acceptNextDialog(page)
    await page.getByRole('button', { name: vt.unmarkAction }).click()
    await expect(page.getByText(vt.verifiedBadge)).toHaveCount(0)
  })

  test('Übersichtsseite unter Hilfe erreichbar', async ({ page }) => {
    skipUnlessMock()
    await page.goto('/hilfe/verifizierte-tiere')
    await expect(page.getByRole('heading', { name: vt.pageTitle })).toBeVisible()
    await expect(page.getByText(vt.pageIntro1)).toBeVisible()
  })
})