e2e-test-builder

Umiejętność Claude'a do generowania testów end-to-end w Playwrighcie. Automatycznie izoluje bazę danych dla każdego testu, używając nazwy pliku z śladu stosu. Wszystkie testy opierają się na wzorcu Page Object Model — POMs przechowywane w tests/pages/ rozszerzają BasePage i wybierają elementy przez atrybuty data-testid. Dostępni są trzej użytkownicy testowi z różnymi uprawnieniami: admin (pełny dostęp), contributor (rola moderatora) i viewer (dostęp tylko do odczytu). Idealna do testowania przepływów użytkownika, interakcji interfejsu i nawigacji.

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.