Testarea JavaScript cu Jasmine

Acum, am văzut deja despre ce este vorba Iasomie acum să vedem cum funcționează.

• Descărcăm cea mai recentă versiune de Iasomie și o dezarhivăm.
• Intrăm în directorul Iasomie și executăm SpecRunner.html și vom vedea următoarele:

Acest fișier execută unele teste într-un exemplu de cod, dacă vrem să rulăm testele, putem actualiza browserul și vor fi executate.
Acum să vedem un exemplu de utilizare Iasomie:

• Mai întâi creăm o funcție simplă care conține un șir ca apel invers.

funcție helloWorld () {
returnează „Bună ziua lume!”;
}
Suntem destul de siguri că funcționează corect? Dar să încercăm asta cu Iasomie și să vedem ce părere aveți despre codul nostru.

• Salvăm funcția creată într-un fișier pe care îl putem apela salut.js, deschidem SpecRunner.html pentru a efectua includerea.

• Acum, să punem Jasmine la treabă, să creăm un fișier care să conțină următorul cod:

describe ("Hello world", function () {
it ("spune salut", function () {
expect (helloWorld ()). toEqual ("Hello world!");
});
});
Să vedem ce conține această bucată de cod:
Mai întâi avem descrierea, care definește de obicei o componentă a aplicației noastre, poate fi o clasă, o funcție sau poate altceva. În acest exemplu se referă la funcția noastră Salut Lume ().
Să continuăm în același cod și vom avea blocul de Articol(), aceasta se numește o specificație. Este o funcție în Javascript care ne spune la ce să ne așteptăm sau la ce ar trebui să facă componenta noastră. Pentru fiecare descriere putem avea un număr de specificații.
În acest caz, testăm dacă funcția Salut Lume () returnează „Hello world!” și o verificăm cu la egal () care nu este altceva decât un potrivitor, acest lucru ne va spune practic dacă conținutul șirului este același cu ceea ce este testat.

• Salvăm codul cu numele hello.spec.js îl plasăm în directorul în care sunt conținute specificațiile și îl includem în SpecRunner.html

În cele din urmă, rulăm această specificație în browserul nostru și vom vedea o ieșire ca cea pe care o avem mai jos:

Putem folosi și un alt tip de potrivitor, să vedem:
describe ("Hello world", function () {
it („spune lume”, funcție () {
expect (helloWorld ()). toContain ("lume");
});
});
În loc să ne așteptăm ca valoarea să fie aceeași, de această dată ne așteptăm ca conținutul să fie cuvântul „lume”, indiferent de restul conținutului, atâta timp cât cuvântul „lume” există în acest test, Jasmine îl va interpreta drept corect.
Dacă mergem la funcția noastră, putem schimba ceea ce spune și seta altceva decât „Hello World”, Jasmine va vedea acest lucru ca fiind incorect deoarece nu este ceea ce așteaptă ea și acesta este principalul motiv pentru care vrem Jasmine, astfel încât spunem când ceva nu este ceea ce se așteaptă și acest lucru ne va ajuta să ne curățăm codul și fără erori.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv