29. diel - Testovanie v React - Snapshot testy a testovanie udalosti
V predchádzajúcej lekcii, Testovanie v React - React testing Library a Jest , sme sa zoznámili s React Testing Library a frameworkom Jest a ukázali sme si dobré postupy pri písaní testov na konkrétnom príklade.
V nasledujúcom tutoriále pokročilého Reactu sa bližšie
pozrieme na snapshot testy. Ukážeme si ich tvorbu na
príklade aplikácie s pandou. Vyskúšame si tiež testovanie udalosti pomocou
funkcie fireEvent() s využitím Jest a React Testing Library.
Snapshot testy
Snapshot testy majú za cieľ zachytiť aktuálny výstup komponenty. Pomocou frameworku Jest je potom možné automaticky porovnať nový výstup s uloženou snímkou (snapshotom) a upozorniť na prípadné odchýlky.
Princíp testovania pomocou snapshotov sme si vysvetlili už v lekcii Testovanie v React-React testing Library a Jest.
Dnes si v praxi ukážeme ako snapshot test vyzerá a otestujeme pomocou neho
modálne okno v aplikácii s pandou. Aplikáciu s pandou stiahneme z lekcie Animácie
v React-React Spring a Framer Motion. Rozbalíme ju a nainštalujeme
postupne npm balíčky a novú knižnicu potrebnú pre snapshot
testy:
Knižnica react-test-renderer
Knižnica react-test-renderer umožňuje testovanie React komponentov bez nutnosti vykonávania interakcií priamo s DOM.
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
600 kreditov
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
V tutoriále pokročilého Reactu si ukážeme tvorbu snapshot testu a testovanie udalosti pomocou funkcie fireEvent() s využitím Jest a React Testing Library.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.
