Wstęp do React Testing Library Wprowadzenie do DOM Testing Library Czym jest DOM Testing Library Uruchamianie przypadków testowych z Jest Uruchamianie testów z Jest Rozbudowanie asercji Jest dzięki jest-dom Dodawanie jest-dom do projektu Zalety stosowania jest-dom z Jest Szczegóły implementacyjne w testach Problemy z testami koncentrującymi się na szczegółach implementacyjnych Przykład testu szczegółów implementacyjnych Czym zastąpić testowanie szczegółów implementacyjnych Praca z React Testing Library Dodawanie React Testing Library od istniejących projektów Ręczna instalacja Automatyczna instalacja z create-react-app Nadawanie testom struktury z React Testing Library Renderowanie elementów Wybieranie elementów Asercje dotyczące oczekiwanego zachowania Testowanie komponentów warstwy prezentacji Tworzenie testów migawek Testowanie oczekiwanych właściwości Zastosowanie metody debug Debugowanie całego komponentu DOM Debugowanie konkretnych elementów komponentu Testowanie złożonych komponentów przy użyciu React Testing Library Testowanie zdarzeń użytkowników Symulowanie akcji użytkownika za pomocą fireEvent Symulowanie działań użytkownika z user-event Testowanie komponentów wywołujących procedury obsługi zdarzeń w izolacji Testowanie komponentów, które współpracują z interfejsami API Żądanie danych z API poprzez fetch Tworzenie atrap danych API z MSW Testowanie komponentu DrinkSearch Zastosowanie MSW w budowaniu oprogramowania Implementacja programowania sterowanego testami Budowanie komponentu Vote z wykorzystaniem TDD Budowanie formularza rejestracji z wykorzystaniem TDD Testy integracyjne i zewnętrzne biblioteki w Twojej aplikacji Testowanie zintegrowanych komponentów Testy integracyjne komponentu Vote Planowanie scenariuszy testowych do testów w izolacji Testowanie komponentów z Context API Testowanie kontekstu korzystającego z komponentu Retail Testowanie komponentu Cart w izolacji Testowanie komponentu Product w izolacji Testowanie komponentu ProductDetail w izolacji Testowanie błędów kontekstu z wykorzystaniem granic Wykorzystanie testów integracyjnych do testowania widoku szczegółów produktu Testowanie komponentów wykorzystujących Redux Tworzenie specjalnej metody render do testowania komponentów w Redux Zastosowanie Redux Provider w testach Testowanie komponentów wykorzystujących GraphQL Testowanie komponentów zbudowanych przy użyciu Material-UI Dodanie etykiety ARIA w testach komponentu Vote Dodawanie testID do testowego komponentu CustomerTable Refaktoryzacja starych aplikacji z React Testing Library Korzystanie z testów do wykrywania regresji przy aktualizacji zależności Stworzenie zestawu testów regresyjnych Aktualizacja zależności Material-UI Refaktoryzacja testów napisanych z wykorzystaniem Enzyme Refaktoryzacja testów wykorzystujących ReactTestUtils Implementacja dodatkowych narzędzi i rozszerzeń do testów Implementowanie dobrych praktyk z rozszerzeniami ESLint Instalacja i konfiguracja rozszerzenia eslint-plugin-testing-library Instalacja i konfiguracja eslint-plugin-jest-dom Testowanie dostępności z jest-axe Dobór zapytań z Testing Playground Dobór zapytań z wykorzystaniem strony internetowej Testing Playground Dobór zapytań z wykorzystaniem rozszerzenia Testing Playground do przeglądarki Chrome Zwiększanie produktywności z Wallaby.js Instalacja i konfiguracja Wallaby.js Pisanie testów z Interactive Test Output Testy end-to-end z Cypress Wprowadzenie do Cypress Rozszerzenie metod zapytań z Cypress Testing Library Programowanie sterowane narzędziem Cypress Pisanie testów z wykorzystaniem wzorców projektowych w Cypress Tworzenie obiektowych modeli stron w Cypress Tworzenie specjalnych metod w Cypress Testowanie API z Cypress Testy w stylu Gherkin z Cucumber Korzystanie z React Developer Tools z Cypress