javascript-testing-patterns

Umiejętność do implementacji zaawansowanych strategii testowania w projektach JavaScript i TypeScript. Obejmuje testy jednostkowe, integracyjne i end-to-end z użyciem frameworków Jest i Vitest, mockowania zależności, fixture'ów oraz podejścia test-driven development. Idealna do konfiguracji infrastruktury testowej, testowania komponentów React/Vue, mockowania API oraz integracji testów w pipeline'ach CI/CD.

1. Zainstaluj umiejętność w swoim projekcie JavaScript/TypeScript jako plugin agenta. Upewnij się, że masz zainstalowane niezbędne zależności: Jest lub Vitest oraz Testing Library dla testów komponentów.

2. Skonfiguruj framework testowy, wybierając między Jest (pełnofunkcyjny, uniwersalny) a Vitest (szybki, natywny dla Vite). Dla Jest utwórz plik jest.config.ts z presetem ts-jest, zdefiniuj katalogi testów w testMatch oraz ustaw progi pokrycia kodu (np. 80% dla branches, functions, lines i statements).

3. Dla Vitest utwórz vitest.config.ts z konfiguracją środowiska testowego, dostawcą coverage (v8) i formatami raportów (text, json, html). Dodaj plik setupu testów, jeśli potrzebujesz globalnych konfiguracji.

4. Napisz pierwsze testy jednostkowe dla funkcji i klas, używając describe() i it() do organizacji testów. Umiejętność dostarcza wzorce mockowania zależności zewnętrznych oraz konfiguracji fixture'ów do przygotowania danych testowych.

5. Dla testów integracyjnych i end-to-end skonfiguruj mockowanie API i usług. Wykorzystaj Testing Library do testowania komponentów frontend'owych w sposób zbliżony do rzeczywistego użycia aplikacji.

6. Zintegruj testy z pipeline'em CI/CD, uruchamiając je automatycznie przy każdym commit'cie. Umiejętność wspiera implementację test-driven development (TDD) i behavior-driven development (BDD) workflow'ów.