React: Rodzaje testów

16.8.x

0:00Cześć, w tym dziale chciałbym ci zajawić czym są testy w React'ie, jak

0:04możemy pisać takie podstawowe testy, jak możemy skonfigurować nasze środowisko testowe

0:08w naszej aplikacji i teraz chciałbym tylko na szybko ci opowiedzieć

0:12jakie mamy takie podstawowe typy testów w naszych aplikacjach. Pierwszym

0:17testem, który już od nas od bardzo dawna działa jest

0:21tak zwany static code analysis i za to odpowiedzialny jest ESlint, to

0:25ustawiliśmy sobie na samym początku i faktycznie pomaga nam w tym, żeby nasz

0:30kot stał się nieco bardziej czysty czytelny i mniej podatny na błędy. Kolejnym

0:35typem, którego jeszcze nie mamy jest unit test, czyli tak zwane testy

0:39jednostkowe. Nie bez przyczyny ten stożek ma

0:43właśnie taki kształt, ponieważ testy, które są na dole zajmują najwięcej

0:47miejsca w naszej aplikacji, im wyżej jesteśmy tym tych testów jest

0:51mniej. Ponadto jest jeszcze taka zasada, że im wyżej się znajdujemy

0:56w tym droższe będą nasze testy, więc faktycznie

1:00pod każdym względem droższe, ponieważ ESlint po pierwsze nie kosztuje

1:04nas nic. Po drugie bardzo szybko działa, unit testy faktycznie

1:09są bardzo tanimi testami, ponieważ nie musimy odpalać ich na żadnych aplikacjach, środowiskach,

1:14mamy po prostu wewnętrzne skonfigurowane środowisko, które nazywa się jest, o tym za chwilkę,

1:18ale też są dość szybkie, ich uruchomienie nie zajmuje zbyt

1:22długo czasu. Kolejnymi testami, których jest już troszkę

1:26mniej są testy integracyjne i dopiero jak wprowadzamy te testy integracyjne

1:30do równania to łatwiej będzie mi wytłumaczyć czym są testy jednostkowe. Testy jednostkowe to

1:35są wszystkie te testy, które testują nasze komponenty, które sprawdzają

1:39czy komponent działa poprawnie, ale raczej są to takie rzeczy specyficzne

1:44dla danego komponentu, a nie na przykład to jak komponent działa środowisku

1:48z naszym API i tak dalej, więc tymi rodzajami testów

1:52zajmiemy się w tym kursie, ponieważ to są takie podstawy testowania w React'ie, natomiast

1:56bardziej zaawansowanym kursie, będą już na przykład testy integracyjne i będą

2:01testy End to End. Teraz czym są testy integracyjne? Testy

2:07integracyjne to są właśnie te testy, które sprawdzają integrację między różnymi

2:11środowiskami naszej aplikacji, czyli na przykład to w jaki sposób nasz

2:15frontend komunikuje się z API jak obsługuje błędy, czyli w ogóle obsługuje co

2:19się stanie kiedy API wyśle nam coś bardzo dziwnego. To są właśnie

2:23testy, które sprawdzają taką stabilność naszej aplikacji od strony integracji

2:27z różnymi elementami zewnętrznymi i ostatnim typem testów,

2:32który jest najdroższy, a tym samym jest go zdecydowanie najmniej to

2:36testy End to End. Testy End to End polegają na tym, że odpalane są pewnych

2:40takich symulatorach środowiskach, które sprawdzają jak

2:45wizualnie wygląda nasz aplikacja, przepikują się przez nią dokładnie tak jak robi

2:49to użytkownik i od początku do końca czyli właśnie end-to-end sprawdza

2:54jak działa na przykład dodawanie notatek w naszej aplikacji i tego typu testy

2:58odpalają się na przykład w jakim środowisku jak cypress, który właśnie pozwala nam

3:02na konfigurowanie różnych operacji, które mają zostać wykonane przez ten

3:06symulator i następnie on wykonuje każde z tych zadań i sprawdzał co

3:10tam się dzieje przy okazji testując właśnie jak zachowuje się nasz frontend

3:14i to tyle jeśli chodzi o taki krótki wstęp do testów, a w następnej

3:19lekcji pokażę ci czym jest jest który będziemy używać do testowania naszego

3:23frontend'u.