Polski frontend

Doman Code YouTube

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/ ⚠️ Zapraszam do mojego kursu JavaScriptu (JavaScript z Domanem💥) : 📖 Udemy https://www.udemy.com/course/javascript-z-domanem 📖 Eduj https://eduj.pl/produkt/javascript_z_domanem 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