JavaScript testiranje s Jasminom

Sadržaj
E sad, već smo vidjeli o čemu se radi Jasmin sad da vidimo kako to radi.
  • Preuzimamo najnoviju verziju Jasmin i raspakiramo ga.
  • Ulazimo u imenik Jasmin i izvršavamo SpecRunner.html i vidjet ćemo sljedeće:

Ova datoteka izvršava neke testove u primjeru koda. Ako želimo pokrenuti testove, možemo osvježiti preglednik i oni će se izvršiti.
Pogledajmo sada primjer korištenja Jasmin:
  • Prvo stvaramo jednostavnu funkciju koja sadrži niz kao povratni poziv.
funkcija helloWorld () {
return "Zdravo svijete!";
}
Prilično smo sigurni da ovo radi, zar ne? Ali pokušajmo s ovim Jasmin pa da vidimo što mislite o našem kodu.
  • Kreiranu funkciju spremamo u datoteku koju možemo nazvati zdravo.js, mi otvaramo SpecRunner.html za izvođenje uključivanja.


  • Sada stavimo Jasmine na posao, stvorimo datoteku koja sadrži sljedeći kod:
description ("Zdravo svijete", function () {
it ("pozdravlja", function () {
očekujte (helloWorld ()). toEqual ("Zdravo svijete!");
});
});
Pogledajmo što ovaj dio koda sadrži:
Prvo imamo opis, koji obično definira komponentu naše aplikacije, može biti klasa, funkcija ili možda nešto drugo. U ovom primjeru to se odnosi na našu funkciju Pozdrav svijete ().
Nastavimo u istom kodu i imat ćemo blok Artikal(), to se zove specifikacija. To je funkcija u Javascriptu koja nam govori što možemo očekivati ​​ili što bi naša komponenta trebala učiniti. Za svaki opis možemo imati bilo koji broj specifikacija.
U ovom slučaju testiramo je li funkcija Pozdrav svijete () vraća "Hello world!" i to provjeravamo pomoću toEqual () što nije ništa drugo do a podudaranje, ovo će nam u osnovi reći je li sadržaj niza isti kao i ono što se testira.
  • Spremamo kôd s imenom pozdrav.spec.js stavljamo ga u direktorij u kojem se nalaze specifikacije i uključujemo ga u naš SpecRunner.html


Konačno pokrećemo ovu specifikaciju u svom pregledniku i vidjet ćemo izlaz poput onog koji imamo u nastavku:

Možemo koristiti i drugu vrstu podudaranja, da vidimo:
description ("Zdravo svijete", function () {
it ("kaže svijet", function () {
očekujte (helloWorld ()). toContain ("svijet");
});
});
Umjesto da očekujemo da će vrijednost biti ista, ovaj put očekujemo da će sadržaj biti riječ "svijet" bez obzira na ostatak sadržaja, sve dok riječ "svijet" postoji u ovom testu, Jasmine će je tumačiti kao točnu.
Ako odemo na svoju funkciju, možemo promijeniti ono što piše i postaviti nešto drugo osim "Hello World", Jasmine će ovo vidjeti kao netočno jer to nije ono što očekuje i to je glavni razlog zašto želimo Jasmin, tako da govorimo kad nešto nije ono što se očekuje i to će nam pomoći da naš kôd učinimo čistim i bez grešaka.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod
wave wave wave wave wave