web-testing

Skill do automatyzacji testów webowych z Playwright, Vitest i k6. Obejmuje testy jednostkowe, integracyjne, end-to-end, load testing, bezpieczeństwo, regresję wizualną i dostępność. Użyj do weryfikacji krytycznych przepływów (logowanie, checkout), testowania na różnych przeglądarkach i urządzeniach, sprawdzania Core Web Vitals, gestów mobilnych oraz podatności przed wdrożeniem.

1. Zainstaluj narzędzia testowe: uruchom npx vitest run dla testów jednostkowych, npx playwright test dla testów end-to-end lub npx playwright test --ui aby zobaczyć interfejs graficzny podczas testowania. 2. Dla testów wydajnościowych i obciążenia użyj k6 run load-test.js, aby sprawdzić zachowanie aplikacji pod dużym obciążeniem przed wdrożeniem. 3. Sprawdź dostępność strony za pomocą npx @axe-core/cli https://example.com, aby zidentyfikować problemy z dostępnością dla użytkowników niepełnosprawnych. 4. Zweryfikuj wydajność i metryki Core Web Vitals poleceniem npx lighthouse https://example.com. 5. Skorzystaj z dokumentacji referencyjnej w folderze references: unit-integration-testing.md dla wzorców testów jednostkowych, e2e-testing-playwright.md dla przepływów end-to-end, cross-browser-checklist.md dla testowania na różnych przeglądarkach i mobile-gesture-testing.md dla testowania gestów dotykowych na urządzeniach mobilnych. 6. Dostosuj testy do swojej piramidy testowej: 70% testów jednostkowych (szybkie, <50ms), 20% testów integracyjnych (100-500ms) i 10% testów end-to-end (5-30s) dla krytycznych przepływów takich jak logowanie czy płatności.