playwright-expert

Use when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests. Invoke for browser automation, E2E tests, Page Object Model, test flakiness, visual testing.

1. Załaduj umiejętność Playwright Expert w swoim środowisku Claude/Copilot, wskazując na repozytorium https://github.com/Jeffallan/claude-skills/tree/main/skills/playwright-expert. Umiejętność aktywuje się automatycznie, gdy wspomniasz słowa kluczowe takie jak Playwright, E2E test, browser testing, automation lub visual testing.

2. Przygotuj wymagania testowe – określ przepływy użytkownika, które chcesz pokryć testami. Opisz asystentowi, jakie scenariusze chcesz automatyzować (np. logowanie, dodawanie produktu do koszyka, checkout).

3. Poproś o konfigurację Playwright – asystent pomoże ci skonfigurować playwright.config.ts z odpowiednimi ustawieniami, browserami i reporterami. Skorzystaj z wbudowanych referencji do selektorów, Page Object Model i konfiguracji.

4. Napisz testy – pracuj z asystentem nad kodem testów, stosując Page Object Model dla przejrzystości i utrzymywalności. Asystent upewni się, że używasz role-based selektorów i polegasz na auto-waiting zamiast arbitralnych timeoutów.

5. Debuguj niestabilne testy – gdy testy zawodzą, uruchom je ponownie i sprawdź trace viewer. Asystent pomoże ci zidentyfikować przyczynę flakiness i zasugeruje poprawki, np. lepsze czekanie na elementy lub niezależność testów.

6. Zintegruj z CI/CD – dodaj testy do pipeline'u, konfigurując reportery i screenshoty. Asystent podpowie, jak włączyć traces i visual regression testing dla pełnego pokrycia.