Testy na Froncie: Testowanie React Hooks oraz Mock Service Worker #04

Trzeci odcinek o testach na froncie, teraz nauczymy się rendereowania hooka w teście (react testing library) i będziemy mogli przetestować jego zachowanie, drugi komunikujący się z API najpierw przetestujemy prawdziwy call (whatwg-fetch) a następnie zasetupujemy Mock Service Workera i zobaczymy jak robi dobrą robotę w naszych testach!

Link do GitHuba z kodem:
👉https://github.com/doman89/doman-code-hook-testing-msw

API Jesta (dokumentacja):
👉https://jestjs.io/docs/api
react-testing-hooks:
👉https://react-hooks-testing-library.com/
MSW:
👉https://mswjs.io/

Pamiętaj o:
- subie,
- dzwoneczku,
- komentarzy (choćby taktycznego :))

⚠️ Zapraszam do mojego kursu JavaScriptu (JavaScript z Domanem💥) :
📖 Udemy https://www.udemy.com/course/javascript-z-domanem/?referralCode=A2DD2B8E9EA07D888FE9
📖 Eduj https://eduj.pl/produkt/javascript_z_domanem?ref=7tCiGeqc2sBijwSE

⚠️Zapraszam do obserwowania i kontaktowania za pomocą Fan Page Doman Code:
💬https://www.facebook.com/profile.php?id=100082090551019

Zapraszam do moich playlist, topowe to:
👉 Testy na froncie
https://youtube.com/playlist?list=PLvLDnOjb-Hx4WZKvTm_XPTOp8r3_rRJwP
👉 React&Typescript
https://youtube.com/playlist?list=PLvLDnOjb-Hx7Y_aGeEVUSPi3rw22ILwCJ
👉 TypeScript z Domanem
https://youtube.com/playlist?list=PLvLDnOjb-Hx7PmdS1m4i9UEM2LMkUuX5G
👉 Redux
https://youtube.com/playlist?list=PLvLDnOjb-Hx7HzGwrtaQPiW045g1dGDiY

00:00 Informacje wstępne
04:04 Implementacja useCounter
09:54 Testowanie hooka useCounter
23:56 Implementacja usePokemonList
35:18 Testowanie usePokemonList
47:05 Setup MSW
55:08 Tesowanie usePokemonList z MSW
01:01:22 Setup MSW globalnie
01:03:47 Zakończenie

Видео Testy na Froncie: Testowanie React Hooks oraz Mock Service Worker #04 канала Doman Code