Szkolenie: Testowanie aplikacji frontendowych

Tytuł:	Testowanie aplikacji frontendowych
Kod:	react-front
Kategoria:	React
Forma:	30% wykłady / 70% warsztaty
Czas trwania:	2-3 dni

Zapisy:	Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka:	W siedzibie klienta lub w innym dowolnym miejscu.

Szkolenie przeznaczone jest dla programistów, którzy mają przynajmniej podstawową wiedzę z tworzenia aplikacji internetowych i chcą rozszerzyć swoje umiejętności o testowanie i aplikacji.

W trakcie szkolenia uczestnicy rodzaje testowania, kryteria wartościowych testów, techniki testowania interfejsów użytkownika, mockowania komunikacji z API, interakcji z aplikacją czy zabezpieczania aplikacji frontendowych.

Wyróżniki szkolenia

opanowanie i uporządkowanie wiedzy na temat testowania aplikacji internetowych
zrozumienie różnych sposobów testowania aplikacji, zabezpieczania oraz refactoru kodu
zdobyta wiedza będzie mogła być łatwo wykorzystana w aplikacjach z Angular, Vue czy Svelte
szkolenie jest przeznaczone zarówno dla programistów frontend jak i backend

Program Szkolenia

Program jest ramą w jakiej możemy się poruszać merytorycznie - program dla konkretnego szkolenia dedykowanego ustalamy z grupą na podstawie analizy przed-szkoleniowej.

Wprowadzenie do testowania aplikacji frontendowych
1. Znaczenie testowania w rozwoju oprogramowania
2. Dlaczego programiści frontend nie testują aplikacji internetowych
3. TDD a frontend
4. Piramida testów vs Testing Trophy
5. Black Box Testing vs White Box Testing
6. Specyfika testowania aplikacji frontendowych
7. Analiza statyczna, unity, testy integracyjne i E2E
Konfiguracja środowiska testowego
1. Instalacja i konfiguracja Jest/Vitest i DOM Testing Library
2. Integracja z narzędziami CI/CD
Pisanie pierwszych testów jednostkowych
1. Wprowadzenie do narzędzi Jest/Vitest
2. Asercje
3. Unity w TS/JS
4. Testowanie komponentów funkcyjnych
5. Testowanie hooków React
6. Testowanie z asynchronicznością
Statyczna analiza kodu
1. Zastosowanie statycznej analizy kodu
2. Testowanie a Developer Experience
3. Narzędzia ESLint, TypeScript, Prettier, lint-staged, husky, lefthook
DOM Testing Library
1. Zastosowanie DOM Testing Library w React, Angular, Vue, Svelte
2. Sposoby testowania komponentów frontendowych
3. Asercje w DTL
4. Przygotowanie danych testowych
Mockowanie
1. Wprowadzenie, zastosowanie i konfiguracja
2. Mockowanie modułów
3. Mockowanie funkcji
4. Mockowanie hooków React
5. Mockowanie per test i scenariusz
6. Mockowanie timerów
7. Mockowanie zewnętrznych requestów REST / GraphQL
Zastosowanie różnych rodzajów testów w praktyce
1. Stuby w aplikacjach frontendowych
2. Spying w aplikacjach frontendowych
3. Testowanie interakcji między komponentami
4. Testowanie przepływu danych w aplikacji
5. Symulowanie zdarzeń (kliknięcia, wprowadzanie tekstu)
6. Testowanie formularzy i walidacji
7. Testowanie autoryzacji
8. Snapshot testing
9. Visual testing
10. Testowanie accessibility
Testowanie aplikacji backendowych
1. Co, jak i kiedy testować?
2. Testowanie aplikacji opartych o Node.js, Express, Next, NestJS
Testowanie komponentów z Reduxem
1. Testowanie reducerów i akcji
2. Integracja z React-Redux
Testy E2E
1. Efektywne korzystanie z narzędzi Cypress/Playwright
2. Konfiguracja Cypress/Playwright
3. Pisanie scenariuszy testowych E2E
4. Debugowanie testów E2E
Optymalizacja i utrzymanie testów
1. Strategie refaktoryzacji testów
2. Zarządzanie dużymi zestawami testów
Bezpieczeństwo frontendu
1. Wprowadzenie do bezpieczeństwa aplikacji frontendowych
  1. Najczęstsze zagrożenia (XSS, CSRF, clickjacking)
  2. Dobre praktyki w zabezpieczaniu aplikacji React
2. Content Security Policy (CSP)
  1. Czym jest CSP i jak działa
  2. Konfiguracja CSP dla aplikacji webowych
  3. Testowanie i debugowanie polityk CSP