Koji je najbolji način ismijavanja kuka u testovima?

Hej tamo! Kao dobavljač kuka već sam dugo bio u igri i znam koliko je važno ispravno testirati kuke. Jedan od ključnih aspekata testiranja kuka je njihovo učinkovito ruganje. Dakle, zaronimo u ono što mislim da je najbolji način ismijavanja kuka u testovima.

Zašto ismijavati kuke u testovima?

Prvo, zašto se uopće trebamo rugati kukama? Pa, kuke često komuniciraju s vanjskim resursima poput API -ja, baza podataka ili ugrađenih preglednika - u funkcijama. Kada pišemo testove jedinica, želimo izolirati komponentu ili funkciju koju testiramo. Rugajuće kuke omogućava nam kontrolu unosa i izlaza ovih kuka, čineći testove pouzdanijim i bržim.

Na primjer, ako koristite prilagođenu kuku koja donosi podatke iz API -ja, ne želite se osloniti na stvarni API koji je dostupan i vraćanje konzistentnih podataka tijekom testa. Umjesto toga, možete se rugati u kuku da biste vratili unaprijed definirani skup podataka.

Različiti načini ruganja kuka

1. Ručno ruganje

Jedan od najjednostavnijih načina ruganja kuka je to ručno. Recimo da imate prilagođenu kuku pod nazivomUseFetchDataTo donosi neke podatke iz API -ja.

// UseFetchData.js Import {USEEFECT, USESTATE} iz 'React'; const coseFetchData = () => {const [data, setData] = USESTATE (NULL); const [učitavanje, setloading] = westate (true); coseEffect (() => {const dohvatdata = async () => {pokušajte {const response = čekaj dohvat ('https://example.com/api/data'); const rezultat = čeka odgovor.json (); setData (rezultat);}; FetchData (); povratak {podaci, učitavanje}; }; Izvoz zadani UseFetchData;

Da biste ručno ismijavali ovu kuku u testu, možete stvoriti ružnu implementaciju.

// __Mocks __/UseFetchData.js const UseFetchData = () => {return {data: {poruka: 'Mocked Data'}, učitavanje: false}; }; Izvoz zadani UseFetchData;

U svojoj testnoj datoteci tada možete koristiti ovaj ismijavanje.

uvoz reakcije iz 'react'; uvoz {render, zaslon} iz '@testing-library/react'; uvoz komponentathatusesfetchdata iz './componentthatusesfetchdata'; Jest.mock ('./ UseFetchData'); Opišite ('ComponentThatusesfetchData', () => {it ('treba prikazati podsmjesane podatke', () => {render (<ponenttHatusesfetchData />); const DataElement = Screen.getByText ('Mocked Data');

Ručno ruganje daje vam potpunu kontrolu nad ismijanom implementacijom. Povratne vrijednosti možete promijeniti na temelju različitih scenarija testa. Međutim, može biti malo vremena - konzumiranje, pogotovo ako imate puno kuka za rugati.

2. Korištenje Jest -ovog automatskog ruganja

Jest ima značajku u kojoj može automatski stvoriti ruganje za vas. Ako imate kuku u datoteci, Jest može stvoriti ismijanu verziju te kuke s nekim zadanim ponašanjem.

Na primjer, ako imate jednostavnu kuku poputusecounter::

// usecounter.js uvoz {useState} iz 'react'; const UseCounter = () => {const [count, setCount] = USESTATE (0); const incment = () => setCount (count + 1); return {count, priraštaj}; }; Izvoz zadani USECOUNTER;

U svom testu možete koristiti Jest -ovo automatsko ruganje.

uvoz reakcije iz 'react'; uvoz {render, zaslon} iz '@testing-library/react'; uvozni komponentatATuseScounter iz './componentthatusescounter'; Jest.Mock ('./ Usecounter'); Opišite ('ComponentThuseScounter', () => {it ('Treba koristiti ismijani brojač', () => {render (<ComponentThusesCounter />); // Možete dodatno prilagoditi mocku ovdje ako je potrebno //, na primjer, ako komponenta možete provjeriti povećanje mocke});

Prednost korištenja Jest -ovog automatskog ruganja je u tome što je brzo i lako postaviti. Ali možda nije tako fleksibilan kao ručno ruganje, pogotovo kada vam je potrebno vrlo specifično ponašanje.

3. Korištenje biblioteke ispitivanja reakcije i biblioteke za testiranje kuka

Biblioteka za testiranje kukica React odličan je alat za testiranje kuka. Pruža uslužne usluge za izradu kuka i testiranje njihovog ponašanja.

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

// upotrebam.js uvoz {westate} iz 'react'; const upotrebaMUM = (a, b) => {const [zbroj, setsum] = upotreba (a + b); povratak zbroja; }; Izvoz zadani upotreba;

Za testiranje ove kuke možete koristiti biblioteku za testiranje kukica React Hooks, a po potrebi i ismijavanje bilo kakvih ovisnosti.

uvoz {renderhook} iz '@testing-library/react-hooks'; uvoz upotreba iz './usesum'; Opisani ('upotreba', () => {it ('treba ispravno izračunati zbroj', () => {const {result} = renderhook (() => upotreba (2, 3)); etaltion (rezultat.current) .tobe (5);});});

Ako vaša kuka ima neke vanjske ovisnosti, možete upotrijebiti iste principe ručnog ili šaljivog ruganja da biste ih riješili.

Najbolje prakse za ismijavanje kuka

• Neka se ruga jednostavno: Vaši mocks bi trebali biti što jednostavniji. Oni samo trebaju oponašati ponašanje koje vam treba test. Preko - Komplicirajući podsmijenjeni mogu učiniti testove teško razumjeti i održavati.
• Testirati različite scenarije: Obavezno testirajte različite scenarije promjenom ismijanih podataka. Na primjer, ako vaša kuka ima različita stanja poput učitavanja, uspjeha i pogreške, testirajte sva ova stanja vraćanjem različitih vrijednosti podsmijeha.
• Odvojene brige: Držite svoje podsmijehe odvojene od vašeg proizvodnog koda. To olakšava upravljanje i ažuriranje kako se razvija vaša baza kodova.

Real - Svjetske aplikacije u našim kukama

Kao dobavljač kuka, imamo razne vrste kuka, poputKuke za industrijsku čvrstoćukoje se koriste u teškim i dužnim aplikacijama. Kada razvijamo softver za upravljanje našim zalihama, praćenje narudžbi ili prikaz informacija o proizvodima, koristimo kuke u našim React aplikacijama.

Ispitivanje ovih kuka ključno je kako bi se osiguralo da naš softver ispravno radi. Na primjer, ako imamo kuku koja donosi razinu zaliha naših kuka za industrijsku čvrstoću iz baze podataka, možemo se rugati ovoj kukici u našim testovima kako bismo izbjegli oslanjanje na stvarnu bazu podataka.

Imamo i proizvode poputDebele remene za tešku opremui1 inčni plastična kopča. Naš softver može koristiti kuke za izračunavanje troškova dostave, prikaz podataka o proizvodu ili upravljanje narudžbama kupaca. Ruganje ovih kuka pomaže nam da napišemo pouzdane i brze testove.

Zaključak i poziv na akciju

Ruganje kuke bitan je dio aplikacija za testiranje. Korištenjem pravih tehnika poput ručnog ruganja, Jest -ovog automatskog ruganja ili biblioteke za testiranje kukica React možete osigurati da vaše kuke rade kako se očekuje.

Ako ste na tržištu za kuke visoke kvalitete, bilo da se radi o industrijskim kukama za čvrstoću, debelim remenima za tešku opremu ili 1 inčnu plastičnu kopča, tu smo da vam poslužimo. Nudimo širok spektar proizvoda koji su izgrađeni da traju. Ako ste zainteresirani za kupnju naših proizvoda, slobodno nam se obratite raspravi o nabavi. Sretni smo odgovoriti na sva vaša pitanja i pomoći vam da pronađete prave proizvode za svoje potrebe.

Reference

• React Službena dokumentacija
• Šag Službena dokumentacija
• React Službena dokumentacija biblioteke biblioteke
• Službena dokumentacija Biblioteke za testiranje kuka