Szkolenie Testy w React

Testy komponentów, które sprawdzają nazwy klas, stan wewnętrzny albo liczbę wywołań funkcji, padają po każdej refaktoryzacji, choć aplikacja działa. Twoje testy przetrwają zmianę nazwy klasy czy podział komponentu, bo będą sprawdzać to, co widzi i robi użytkownik: tekst na ekranie, przyciski i formularze.

Przejdziesz przez komponenty, hooki, stan globalny, routing i nowości Reacta 19, a także przez granicę, której Vitest i Testing Library nie obsługują, czyli asynchroniczne Server Components. Jeśli masz za sobą pierwsze testy komponentów, na przykład ze szkolenia React, tutaj przejdziesz do Suspense, Actions, MSW, Storybooka i testów całych funkcji aplikacji.

Program

2 dni

• Narzędzia i strategia
  • Co testować w aplikacji React
  • Vitest i Jest
  • React Testing Library i user-event
  • Środowisko jsdom a tryb przeglądarkowy Vitest
  • Enzyme w starym kodzie i przejście na Testing Library
• Testowanie komponentów
  • Zapytania: getByRole, getByLabelText, findBy*
  • Interakcje użytkownika i asercje z jest-dom
  • Formularze i walidacja
• Kod asynchroniczny
  • Ładowanie danych i stany pośrednie
  • Mockowanie API z MSW
• React 19 w testach
  • Suspense i use()
  • Actions i useActionState
  • Server Components: co testować jednostkowo, a co end-to-end
• Hooki i stan
  • renderHook dla własnych hooków
  • Wspólna funkcja render z providerami
  • Kontekst, Redux Toolkit i TanStack Query w testach
• Routing
  • Testowanie komponentów z React Router
• Storybook
  • Historie jako testy przez addon Vitest, bez uruchamiania Storybooka
  • Addon Vitest w projektach na Vite, test-runner w projektach na Webpacku
  • Testy interakcji i testy wizualne
• Snapshoty
  • Kiedy snapshot, a kiedy asercja na roli

Dla kogo?

• Dla zespołów, których testy padają po każdej refaktoryzacji komponentu.
• Dla programistów React, którzy chcą testować formularze, dane z API i Suspense bez prawdziwego backendu.
• Dla zespołów, które korzystają z Suspense, Actions i Server Components.

Co musisz umieć?

• Pisać komponenty i hooki w React na poziomie codziennej pracy.
• Napisać prosty test w Vitest lub Jest.

Czego się nauczysz?

• Napiszesz testy komponentów, które przetrwają zmianę implementacji.
• Przetestujesz formularz z walidacją i nawigację między trasami.
• Przetestujesz komponent pobierający dane bez prawdziwego backendu.
• Przetestujesz komponent z Suspense i formularz oparty na Actions.
• Rozdzielisz testy Server Components na jednostkowe i end-to-end.
• Przetestujesz własny hook i komponent korzystający ze stanu globalnego.
• Uruchomisz testy w prawdziwej przeglądarce zamiast w jsdom.
• Zamienisz historie ze Storybooka w testy interakcji.
• Zdecydujesz, kiedy snapshot pomaga, a kiedy szkodzi.

Trener

Piotr Kowalski

W branży IT od 2008 roku. Od 2014 jest mentorem dla wielu developerów. Jako trener spędził na sali szkoleniowej kilka tysięcy godzin, a na LinkedIn ma 52 rekomendacje. Każde jego szkolenie to dawka solidnej wiedzy oraz humoru.

Więcej na stronie "O mnie"