Gulum
5732398e60
Filter-UX aus dem Design: - Quick-Chip-Kategorien (Status/Geschlecht/Farbschlag/Herkunft) öffnen ein Bottom-Sheet mit Mehrfachauswahl (suchbar bei Farbschlag/Herkunft); aktive Filter als entfernbare Chips; Sortierung + "Externe Ahnen" als gleich große Chips (Sortierung öffnet dasselbe Drawer). - Neue zweizeilige Tierkarte (Name + Geschlechts-Kreis + Status-Badge, Meta-Zeile), cardIn/Chip/Sheet-Animationen, Titel blendet beim Scrollen aus. App-weit: - Design-Palette (Creme/Braun/Terrakotta), Hanken-Grotesk-Schrift und gemeinsamer --shadow-Token; obere "Rennmaus-Manager"-Titelleiste entfernt (mobil bleibt die untere Aktionsleiste); fixe Shell-Höhe, nur der Hauptbereich scrollt. Funktion: - Infinite Scroll via useInfiniteList (seitenweise) + IntersectionObserver-Sentinel. - Namensgenerator: Option männlich/weiblich/egal. - Mehrfach-OR-Filter über gridify orGroup; e2e an die neue UI angepasst. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
35 lines
1.7 KiB
TypeScript
35 lines
1.7 KiB
TypeScript
/** QA-1: Grundnavigation — alle Bereiche erreichbar (Smartphone: „Mehr“-Blatt). */
|
|
import { de, expect, gotoSection, test } from './fixtures'
|
|
|
|
test('alle Bereiche sind über die Navigation erreichbar', async ({ page }) => {
|
|
await page.goto('/')
|
|
// DESIGN: the top "Rennmaus-Manager" title bar was removed — the page heading remains.
|
|
await expect(page.getByRole('heading', { name: de.pages.gerbils.title, exact: true })).toBeVisible()
|
|
|
|
await gotoSection(page, de.nav.gerbils)
|
|
await expect(page.getByRole('heading', { name: de.pages.gerbils.title, exact: true })).toBeVisible()
|
|
|
|
await gotoSection(page, de.nav.litters)
|
|
await expect(page.getByRole('heading', { name: de.pages.litters.title, exact: true })).toBeVisible()
|
|
|
|
await gotoSection(page, de.nav.genetics)
|
|
await expect(page.getByRole('heading', { name: de.pages.genetik.title, exact: true })).toBeVisible()
|
|
|
|
// Sekundärbereiche (auf dem Smartphone hinter „Mehr“)
|
|
await gotoSection(page, de.nav.enclosures)
|
|
await expect(page.getByRole('heading', { name: de.pages.becken.title, exact: true })).toBeVisible()
|
|
|
|
await gotoSection(page, de.nav.contacts)
|
|
await expect(page.getByRole('heading', { name: de.pages.kontakte.title, exact: true })).toBeVisible()
|
|
|
|
await gotoSection(page, de.nav.statistics)
|
|
await expect(page.getByRole('heading', { name: de.pages.statistik.title })).toBeVisible()
|
|
})
|
|
|
|
test('unbekannte Route zeigt die deutsche 404-Seite', async ({ page }) => {
|
|
await page.goto('/diese-seite-gibt-es-nicht')
|
|
await expect(page.getByText(de.pages.notFound.message)).toBeVisible()
|
|
await page.getByRole('link', { name: de.pages.notFound.backHome }).click()
|
|
await expect(page.getByRole('heading', { name: de.pages.gerbils.title, exact: true })).toBeVisible()
|
|
})
|