3021ccb6a9
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 31s
- comments: Loeschen-Button im ConfirmDialog war ambig (3 Matches —
Rezept-Delete, Kommentar-Trash, Dialog-Bestaetigung). Locator auf
getByRole('dialog', { name: /Kommentar löschen/i }) eingeschraenkt.
- recipe-detail Portionen: getByText(/\b750 g/) trifft nicht wegen
Whitespace-Layout im <span class="qty">. Auf
locator('.ing-list li', { hasText: 'Hähnchenbrustfilet' })
.toContainText('750 g') umgestellt — robust gegenueber Svelte-
Whitespace-Quirks.
- search empty-state: SearXNG matcht loose, "truly empty" ist nicht
zuverlaessig reproduzierbar. Test akzeptiert jetzt "Empty-State ODER
Web-Fallback" und prueft zusaetzlich, dass kein JS-Error fliegt.
admin/backup war eine transiente Flake — 15 Repeat-Runs alle gruen,
kein Code-Fix noetig.
Gate: 12/12 der geaenderten Specs passed local.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
85 lines
3.5 KiB
TypeScript
85 lines
3.5 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import { setActiveProfile, HENDRIK_ID } from './fixtures/profile';
|
|
import {
|
|
clearFavorite,
|
|
clearRating,
|
|
removeFromWishlist
|
|
} from './fixtures/api-cleanup';
|
|
|
|
// Chicken Teriyaki auf kochwas-dev: 4 Portionen, 500 g Haehnchen, 100 ml Soja.
|
|
const RECIPE_ID = 66;
|
|
|
|
test.describe('Rezept-Detail', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await setActiveProfile(page, HENDRIK_ID);
|
|
});
|
|
|
|
test.afterEach(async ({ request }) => {
|
|
await clearRating(request, RECIPE_ID, HENDRIK_ID);
|
|
await clearFavorite(request, RECIPE_ID, HENDRIK_ID);
|
|
await removeFromWishlist(request, RECIPE_ID, HENDRIK_ID);
|
|
});
|
|
|
|
test('Header + Zutaten sichtbar', async ({ page }) => {
|
|
await page.goto(`/recipes/${RECIPE_ID}`);
|
|
await expect(
|
|
page.getByRole('heading', { level: 1, name: /Chicken Teriyaki/i })
|
|
).toBeVisible();
|
|
await expect(page.getByText('Hähnchenbrustfilet').first()).toBeVisible();
|
|
});
|
|
|
|
test('Portionen-Scaler: 4 -> 6 skaliert Mengen proportional', async ({ page }) => {
|
|
await page.goto(`/recipes/${RECIPE_ID}`);
|
|
// Start: 4 Portionen, 500 g Haehnchen, 100 ml Soja.
|
|
await expect(page.locator('.srv-value strong').first()).toHaveText('4');
|
|
await page.getByRole('button', { name: 'Mehr' }).first().click();
|
|
await page.getByRole('button', { name: 'Mehr' }).first().click();
|
|
await expect(page.locator('.srv-value strong').first()).toHaveText('6');
|
|
// Skalierte Mengen 1.5x — ueber das Item-Name-Filter, robuster
|
|
// gegenueber Whitespace-Quirks zwischen <span class="qty">-Teilen.
|
|
await expect(
|
|
page.locator('.ing-list li', { hasText: 'Hähnchenbrustfilet' })
|
|
).toContainText('750 g');
|
|
await expect(
|
|
page.locator('.ing-list li', { hasText: 'Sojasauce' })
|
|
).toContainText('150 ml');
|
|
});
|
|
|
|
test('Favorit toggelt heart-Klasse sauber', async ({ page }) => {
|
|
await page.goto(`/recipes/${RECIPE_ID}`);
|
|
const favBtn = page.getByRole('button', { name: 'Favorit' });
|
|
await expect(favBtn).not.toHaveClass(/heart/);
|
|
await favBtn.click();
|
|
await expect(favBtn).toHaveClass(/heart/);
|
|
await favBtn.click();
|
|
await expect(favBtn).not.toHaveClass(/heart/);
|
|
});
|
|
|
|
test('Rating persistiert ueber Reload', async ({ page }) => {
|
|
await page.goto(`/recipes/${RECIPE_ID}`);
|
|
await page.getByRole('button', { name: '4 Sterne' }).click();
|
|
await expect(page.getByRole('button', { name: '4 Sterne' })).toHaveClass(/filled/);
|
|
await page.reload();
|
|
await expect(page.getByRole('button', { name: '4 Sterne' })).toHaveClass(/filled/);
|
|
});
|
|
|
|
test('Heute gekocht inkrementiert Counter', async ({ page }) => {
|
|
await page.goto(`/recipes/${RECIPE_ID}`);
|
|
const cookedBtn = page.getByRole('button', { name: /Heute gekocht/i });
|
|
const before = (await cookedBtn.innerText()).trim();
|
|
await cookedBtn.click();
|
|
// Der Button bekommt einen "(N)"-Suffix bzw. der existierende zaehler
|
|
// steigt. Wir pruefen nur, dass sich der Text aendert.
|
|
await expect(cookedBtn).not.toHaveText(before);
|
|
});
|
|
|
|
test('Auf Wunschliste-Toggle funktioniert', async ({ page }) => {
|
|
await page.goto(`/recipes/${RECIPE_ID}`);
|
|
const wishBtn = page.getByRole('button', { name: /Auf Wunschliste/i });
|
|
const initialLabel = (await wishBtn.getAttribute('aria-label')) ?? '';
|
|
await wishBtn.click();
|
|
// aria-label wechselt zwischen "setzen" und "Von der Wunschliste entfernen"
|
|
await expect(wishBtn).not.toHaveAttribute('aria-label', initialLabel);
|
|
});
|
|
});
|