Gulum
b83e96f552
Detailseite (Rennmausakte): - Neugestaltung: Hero-Foto + Overlay, Schnellfakten-Pills, Karten-Sektionen, Charakter als Chips, getabte Fotos/Gesundheit/Gewicht. - Eltern (Vater/Mutter) als Links; Charakter-Karte klappt bei Status Abgabe/Verstorben/Abgegeben ein (nur Zucht/Liebhaber offen). - Gehege wird bei abgegebenen/verstorbenen Tieren ausgeblendet (Detail + Formular). Listen: - Infinite Scroll auf allen Listen (Rennmäuse, Würfe, Gehege, Verträge, Anfragen, Kontakte) via useInfiniteList/useInfiniteSentinel; stabile Sortierung mit id-Tiebreaker (keine doppelten Keys), Back-to-top-Button. - Kontakte: Rolle-Filter (Züchter/Abnehmer) als Quick-Chips + Sticky-Header. Zucht-Nachname: - Namens-Anhängsel der Zucht in den Einstellungen + je Züchter-Kontakt (Backend-Spalten + Migration); eigene Tiere zeigen „Name + Suffix". - „Eigene Zucht" ist die Standard-Herkunft neuer Tiere. Weiteres: - Gehege-Bilder: Upload/Galerie auf der Gehege-Detailseite (Backend EnclosurePhoto + Endpoints + Migration, geteilte Dateiablage). - Toast-Rückmeldungen für alle Speichern-Aktionen. - Checkboxen durch mobile-freundliche Toggle-Schalter ersetzt. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
86 lines
3.9 KiB
TypeScript
86 lines
3.9 KiB
TypeScript
/** STATUS-MODEL: Zucht/Liebhaber wählbar; Verstorben/Abgegeben abgeleitet (read-only). */
|
|
import { de, expect, skipUnlessMock, test, uniqueName } from './fixtures'
|
|
|
|
const t = de.pages.gerbils
|
|
|
|
test('Tier-Formular zeigt nur wählbare Statuswerte im Dropdown', async ({ page }) => {
|
|
skipUnlessMock()
|
|
await page.goto('/rennmaeuse/neu')
|
|
const statusField = page.locator('label.field', {
|
|
has: page.locator(`span:text-is("${t.fields.status}")`),
|
|
})
|
|
// Zucht (Breeding) ist vorausgewählt
|
|
await expect(statusField.locator('select')).toHaveValue('Breeding')
|
|
// Optionen: nur Zucht, Liebhaber, Abzugeben (NICHT Verstorben/Abgegeben)
|
|
const opts = statusField.locator('select option')
|
|
await expect(opts.filter({ hasText: t.statusLabels.Breeding })).toHaveCount(1)
|
|
await expect(opts.filter({ hasText: t.statusLabels.Pet })).toHaveCount(1)
|
|
await expect(opts.filter({ hasText: t.statusLabels.ForSale })).toHaveCount(1)
|
|
await expect(opts.filter({ hasText: t.statusLabels.Deceased })).toHaveCount(0)
|
|
await expect(opts.filter({ hasText: t.statusLabels.GivenAway })).toHaveCount(0)
|
|
})
|
|
|
|
test('Tier-Formular zeigt abgeleiteten Status Verstorben als Text + Hinweis', async ({ page }) => {
|
|
skipUnlessMock()
|
|
// Willi ist Deceased
|
|
await page.goto('/rennmaeuse/willi/bearbeiten')
|
|
// Status-Select ist NICHT vorhanden (abgeleitet)
|
|
const statusField = page.locator('.field', {
|
|
has: page.locator(`span:text-is("${t.fields.status}")`),
|
|
})
|
|
await expect(statusField).toBeVisible()
|
|
await expect(statusField.locator('select')).toHaveCount(0)
|
|
await expect(statusField).toContainText(t.statusLabels.Deceased)
|
|
await expect(statusField).toContainText(t.form.statusDerivedHint.Deceased)
|
|
})
|
|
|
|
test('Tiere-Liste zeigt Zucht als Standard-Status-Filter', async ({ page }) => {
|
|
skipUnlessMock()
|
|
await page.goto('/rennmaeuse')
|
|
// DESIGN (Rennmaus Filter): der Default-Status erscheint als aktiver, entfernbarer Chip.
|
|
await expect(page.locator('.rmf-chip-val', { hasText: t.statusLabels.Breeding })).toBeVisible()
|
|
})
|
|
|
|
test('Neues Tier anlegen mit Status Liebhaber', async ({ page }) => {
|
|
skipUnlessMock()
|
|
const name = uniqueName('Tier')
|
|
await page.goto('/rennmaeuse/neu')
|
|
await page.getByLabel(`${t.fields.name} *`).fill(name)
|
|
await page.getByRole('button', { name: t.genderLabels.male, exact: false }).click()
|
|
const statusField = page.locator('label.field', {
|
|
has: page.locator(`span:text-is("${t.fields.status}")`),
|
|
})
|
|
await statusField.locator('select').selectOption({ label: t.statusLabels.Pet })
|
|
await page.getByRole('button', { name: t.form.save, exact: true }).click()
|
|
await expect(page.getByRole('heading', { name })).toBeVisible()
|
|
})
|
|
|
|
test('Gehege-Feld Sichtbarkeit bei verstorbenen/abgegebenen Tieren', async ({ page }) => {
|
|
skipUnlessMock()
|
|
|
|
// 1. Krümel ist Breeding, hat Gehege 'Großbecken'
|
|
await page.goto('/rennmaeuse/kruemel')
|
|
await expect(page.locator('dt', { hasText: t.fields.enclosure })).toBeVisible()
|
|
await expect(page.locator('dd', { hasText: 'Großbecken' })).toBeVisible()
|
|
|
|
// 2. Verstorbene UND abgegebene Tiere sind nicht mehr im eigenen Bestand
|
|
// -> Gehege ausgeblendet (unabhängig von der Abnehmer-Rolle).
|
|
for (const slug of ['willi', 'pauli', 'pauli-breeder', 'pauli-neither']) {
|
|
await page.goto(`/rennmaeuse/${slug}`)
|
|
await expect(page.locator('dt', { hasText: t.fields.enclosure })).toBeHidden()
|
|
}
|
|
})
|
|
|
|
test('Verstorbene Tiere: Abnehmer und Inserat-Button ausgeblendet', async ({ page }) => {
|
|
skipUnlessMock()
|
|
|
|
// Willi ist verstorben -> "Abnehmer"-Zeile ausgeblendet und "Zur Abgabe stellen"-Button ausgeblendet
|
|
await page.goto('/rennmaeuse/willi')
|
|
await expect(page.locator('dt', { hasText: t.fields.receiver })).toBeHidden()
|
|
await expect(page.getByRole('button', { name: de.pages.abgabe.markAction })).toBeHidden()
|
|
|
|
// Krümel lebt -> "Zur Abgabe stellen"-Button vorhanden
|
|
await page.goto('/rennmaeuse/kruemel')
|
|
await expect(page.getByRole('button', { name: de.pages.abgabe.markAction })).toBeVisible()
|
|
})
|