79 lines
3.4 KiB
TypeScript
79 lines
3.4 KiB
TypeScript
/**
|
|
* ABGABE-STATUS: Reservierungs-/Abgabe-Status-Seite (verfügbar → reserviert → abgegeben).
|
|
* Erreichbar über das Menü („Reservierungen"). Liste mit Status-Chips, Tier-/Kontakt-Links,
|
|
* Anlegen, Status-Wechsel und Löschen.
|
|
*/
|
|
import { de, expect, gotoSection, skipUnlessMock, acceptNextDialog, test } from './fixtures'
|
|
|
|
const tr = de.pages.reservierungen
|
|
|
|
test.describe('Reservierungen', () => {
|
|
test.beforeEach(() => skipUnlessMock())
|
|
|
|
test('über das Menü erreichbar, zeigt die Seed-Reservierungen', async ({ page }) => {
|
|
await gotoSection(page, de.nav.reservations)
|
|
await expect(page.getByRole('heading', { name: tr.title })).toBeVisible()
|
|
|
|
// Reservierte + abgegebene + verfügbare Vormerkung sichtbar.
|
|
await expect(page.getByText('Balu Abgabe')).toBeVisible()
|
|
await expect(page.getByText('Pippa')).toBeVisible()
|
|
await expect(page.getByText('Benny Abgabe')).toBeVisible()
|
|
})
|
|
|
|
test('Status-Filter filtern korrekt (Anzahl-Badges stimmen)', async ({ page }) => {
|
|
await page.goto('/reservierungen')
|
|
|
|
const filters = page.locator('.reservierungen-filter')
|
|
await filters.filter({ hasText: tr.filters.reserviert }).click()
|
|
await expect(page.getByText('Balu Abgabe')).toBeVisible()
|
|
await expect(page.getByText('Benny Abgabe')).toHaveCount(0)
|
|
|
|
await filters.filter({ hasText: tr.filters.abgegeben }).click()
|
|
await expect(page.getByText('Pippa')).toBeVisible()
|
|
await expect(page.getByText('Balu Abgabe')).toHaveCount(0)
|
|
})
|
|
|
|
test('Tier- und Kontakt-Bezüge sind verlinkt', async ({ page }) => {
|
|
await page.goto('/reservierungen')
|
|
const card = page.locator('.reservation-card').filter({ hasText: 'Balu Abgabe' })
|
|
await expect(card.getByRole('link', { name: 'Balu Abgabe' })).toHaveAttribute('href', /\/rennmaeuse\/sale-balu/)
|
|
await expect(card.getByRole('link', { name: 'Familie Huber' })).toHaveAttribute('href', /\/kontakte\/con-huber/)
|
|
})
|
|
|
|
test('Status wechseln: verfügbares Tier reservieren', async ({ page }) => {
|
|
await page.goto('/reservierungen')
|
|
const card = page.locator('.reservation-card').filter({ hasText: 'Benny Abgabe' })
|
|
await expect(card.locator('.reservation-badge--verfuegbar')).toBeVisible()
|
|
|
|
await card.getByRole('button', { name: tr.actions.markReserved }).click()
|
|
await expect(
|
|
page.locator('.reservation-card').filter({ hasText: 'Benny Abgabe' }).locator('.reservation-badge--reserviert'),
|
|
).toBeVisible()
|
|
})
|
|
|
|
test('neue Reservierung anlegen', async ({ page }) => {
|
|
await page.goto('/reservierungen')
|
|
await page.getByRole('button', { name: tr.newButton }).click()
|
|
|
|
const form = page.locator('.reservation-form')
|
|
await expect(form).toBeVisible()
|
|
// Ein Tier auswählen (Krümel ist in den Seed-Daten vorhanden).
|
|
await form.getByLabel(tr.form.animal).selectOption({ label: 'Krümel' })
|
|
await form.getByRole('button', { name: tr.form.save }).click()
|
|
|
|
// Die neue Reservierung erscheint in der Liste.
|
|
await expect(page.locator('.reservation-card').filter({ hasText: 'Krümel' })).toBeVisible()
|
|
})
|
|
|
|
test('Reservierung löschen', async ({ page }) => {
|
|
await page.goto('/reservierungen')
|
|
const card = page.locator('.reservation-card').filter({ hasText: 'Benny Abgabe' })
|
|
await expect(card).toBeVisible()
|
|
|
|
acceptNextDialog(page)
|
|
await card.getByRole('button', { name: tr.actions.delete }).click()
|
|
|
|
await expect(page.locator('.reservation-card').filter({ hasText: 'Benny Abgabe' })).toHaveCount(0)
|
|
})
|
|
})
|