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émiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
24 €
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íš s Prevádzkový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.
