Koji je najbolji način da se rugaju kuke u testovima?

Hej tamo! Kao dobavljač kuka, već sam bio u igri, a znam koliko je važno da se pravilno testiraju kuke. Jedan od ključnih aspekata testiranja kuka se ekusiraju na njih efikasno. Dakle, zaronimo u ono što mislim da je najbolji način da se rugaju kuke u testovima.

Zašto se rugaju kuke u testovima?

Prvo, zašto se čak moramo rugati kuke? Pa, kuke često komuniciraju s vanjskim resursima poput API-ja, baza podataka ili izgrađenih pregledača - u funkcijama. Kada pišemo jedinične testove, želimo izolirati komponentu ili funkciju koju testiramo. Rugajuće kuke omogućava nam da kontrolišemo ulaz i izlaz ove kuke, čineći naše testove pouzdanije i brže.

Na primjer, ako koristite prilagođenu kuku koja dohvaća podatke iz API-ja, ne želite se osloniti na stvarni API koji su dostupni i vraćajući dosljedne podatke tokom testa. Umjesto toga, možete rugati kuku da biste vratili unaprijed definirani skup podataka.

Različiti načini ruganja kuka

1. Ručni podrugljiv

Jedan od najsvečanijih načina za ruganje kuka je to učiniti ručno. Recimo da imate prilagođenu kuku koja se zoveusefechdatakoji donosi neke podatke iz API-ja.

// korisnikfetchdata.js uvozi {uporabe, usestate} iz 'reakcije'; Const USEFECTHDATA = () => {CONST [PODACI, SETDATA] = USESTATE (NULL); const [loading, setloat] = usestate (istinito); Upotreba => {const fetchdata = async () => {probaj {const odgovor = čekam dohvaćanje ("https://example"; "elsult);} ulov (error) {concole.error (" grešku);}}; ";}, []; Povratak {podaci, učitavanje}; }; Izvoz zadana upotrebeFetchData;

Da biste ručno ismiješali ovu kuku u testu, možete stvoriti implementaciju ruganja.

// __mocks __ / usefetchdata.js const koricefetchdata = () => {povratak {podaci: {poruka: 'rugani podaci'}, učitavanje: lažno}; }; Izvoz zadana upotrebeFetchData;

U vašoj testnoj datoteci možete koristiti ovaj ruganje.

uvoz reagira iz "reakcije"; uvoz {render, ekranu} iz '@ testiranja-biblioteka / reagirajući'; Uvoz komponentaTatusesfechData iz './component -tusesfetchdata'; jest.mock ('./ usefetchdata'); opišite ('komponentaTesfetchdata', () => {IT ('treba prikazati rugane podatke', () => {render (<ConconentHatusesfetchData />); Const DataElement = ecret.getbytext ('podrugljive podatke'); očekuju (podatkovni podaci);});

Ručni podrugljiv vam daje potpunu kontrolu nad implementacijom ruganja. Možete promijeniti povratne vrijednosti na temelju različitih ispitivanih scenarija. Međutim, može biti malo vremena - konzumirati, pogotovo ako imate puno kuka da biste se rugli.

2. Korištenje Jetovog automatskog podrugljivog

Jest ima značajku u kojoj se može automatski stvoriti ruganje za vas. Ako imate kuku u datoteci, Jest može stvoriti ručno verziju te kuke s nekom zadanom ponašanjem.

Na primjer, ako imate jednostavnu kuku poputuseCounter:

// useconter.js uvoz {usestate} iz 'react'; Const USECounter = () => {const [broj, setcount] = usestate (0); Povećanje Const = () => SetCount (broj + 1); Povratak {grof, povećanje}; }; Izvozni zadani USAConter;

U vašem testu možete koristiti Jetov automatski podrugljiv.

uvoz reagira iz "reakcije"; uvoz {render, ekranu} iz '@ testiranja-biblioteka / reagirajući'; uvozi komponentnu sausescounter iz './componentaTatusescounter'; jest.mock ('./ useCounter'); opisati ('komponentaTatusescounter', () => {it ('treba koristiti rumpanj', () => {render (<ComponentTatusescounter />); // Ovdje možete dodatno prilagoditi rub ako je potrebno, ako priraštaj komponente možete provjeriti mog ponašanja});});

Prednost upotrebe Jetovog automatskog podruga je da je brz i jednostavan za postavljanje. Ali možda nije fleksibilan kao ručni podrugljiv, pogotovo kada vam je potrebno vrlo specifično podsječno ponašanje.

3. Korištenje biblioteke za ispitivanje reakcije i reagiraju biblioteku testiranja kuka

Biblioteka testiranja react kuka odličan je alat za testiranje kuka. Omogućuje komunalije da vrše kuke i testiraju svoje ponašanje.

Recimo da imate kuku koja izračunava zbroj dva broja:

// usemum.js uvoz {usestate} iz 'react'; Const Usesum = (A, B) => {const [zbroj, setsum] = UseState (A + B); povratni suma; }; Izvoz zadana upotreba;

Možete koristiti biblioteku za testiranje kuka za reakcije da biste testirali ovu kuku i po potrebi se molite bilo kakvih ovisnosti.

uvozi {renderhook} iz '@ testiranja-biblioteke / react-kuke'; uvoziti upotrebu iz './usesum'; opišite () => {it ('treba izračunati zbroj ispravno', () => {const {rezultat} = renderhook (() => Useum (2, 3)); Očekujemo (5);});});

Ako vaša kuka ima neke vanjske ovisnosti, možete koristiti iste principe ručnog ili naređenja za ruku da biste ih ručili.

Najbolje prakse za podrugljive kuke

• Držite se tako jednostavne: Tvoji se rumci trebali biti što jednostavniji. Trebaju samo oponašati ponašanje koje su vaše testirane potrebe. Preko - komplicirajući ruganje može testove teško razumjeti i održavati.
• Testirajte različite scenarije: Obavezno testirajte različite scenarije promjenom rub podataka. Na primjer, ako vaša kuka ima različite države poput učitavanja, uspjeha i pogreške, testirajte sve ove države vraćajući različite vrijednosti ruganja.
• Odvojene zabrinutosti: Držite se odvojeni od vašeg proizvodnog koda. To olakšava upravljanje i ažuriranje kao što se evoluira vaša kodna baza.

Real - Svetske aplikacije u našim kukama

Kao dobavljač kuka imamo različite vrste kuka, poputKuke za industrijsku snagukoji se koriste u teškim - carinskim aplikacijama. Kada razvijamo softver za upravljanje našim inventarom, praćenje narudžbi ili prikazivanja informacija o proizvodu, koristimo kuke u našim reakcijama aplikacija.

Ispitivanje ovih kuka je ključno kako bi se osiguralo da naš softver radi pravilno. Na primjer, ako imamo kuku koja donosi nivo zaliha naših industrijskih čvorova iz baze podataka, možemo se rugati ovoj kuci u našim testovima kako bi se izbjeglo oslanjanje na stvarnu bazu podataka.

Imamo i proizvode poputGuste remenice za tešku opremui1 inčna plastična kopča od plastike. Naš softver može koristiti kuke za izračunavanje troškova slanja, prikaz detalja o proizvodu ili upravljanje narudžbima kupaca. Rugajući se tim kukama pomaže nam da napišem pouzdane i brze testove.

Zaključak i poziv na akciju

Rugajuće kuke je bitan dio testiranja aplikacija za reakcije. Korištenjem pravih tehnika poput ručnog podrugljivog, Jetovog automatskog podrugljivog, ili reagiraj biblioteku za testiranje kuka, možete osigurati da vaše kuke rade kako se očekuje.

Ako ste na tržištu za visoko kvalitetne kuke, bilo da su industrijske kuke za jačinu, guste kaiševe za tešku opremu, ili 1 inčnu plastičnu kopču za kameru, tu smo da vam poslužimo. Nudimo širok spektar proizvoda koji su izgrađeni za trajanje. Ako ste zainteresirani za kupovinu naših proizvoda, slobodno nam posegnete za raspravu o nabavci. Sretni smo što odgovorimo na sva pitanja koja biste mogli imati i pomoći vam da pronađete prave proizvode za vaše potrebe.

Reference

• Reagirajte službenu dokumentaciju
• Službena dokumentacija Jest
• React Testing Biblioteka službena dokumentacija
• Zvanična dokumentacija za testiranje kuka za kuke