e2e-test-builder

Create Playwright E2E tests using Page Object Model pattern with database isolation

1. Zainstaluj umiejętność w swoim projekcie Svelte, kopiując katalog .claude/skills/e2e-test-builder z repozytorium svelte-society do swojego projektu.

2. W nowym pliku testowym zaimportuj wymagane moduły: test i expect z @playwright/test, odpowiednie klasy Page Object z tests/pages/, funkcję setupDatabaseIsolation z tests/helpers/database-isolation oraz loginAs z tests/helpers/auth.

3. W bloku test.beforeEach wywołaj setupDatabaseIsolation(page) — automatycznie wykryje nazwę pliku testowego i przygotuje izolowaną kopię bazy danych. Jeśli test wymaga uwierzytelnienia, dodaj await loginAs(page, 'admin') lub inną rolę użytkownika.

4. W każdym teście utwórz instancję Page Object (np. new HomePage(page)), przejdź do strony za pomocą goto() i wykonaj interakcje poprzez metody POM-u zamiast bezpośrednio manipulować elementami DOM.

5. Uruchom wszystkie testy poleceniem bun run test:integration lub użyj bun run test:integration:ui dla interaktywnego trybu interfejsu graficznego, który pozwala na debugowanie i obserwację testów w czasie rzeczywistym.

6. Zapoznaj się z plikami referencyjnymi: PAGE-OBJECTS.md opisuje tworzenie klas Page Object Model, TEST-PATTERNS.md wyjaśnia strukturę testów i asercje, a TEMPLATES.md zawiera gotowe szablony do skopiowania.