JavaScript -test med Jasmine

Nu har vi redan sett vad det handlar om Jasmin nu får vi se hur det fungerar.

• Vi laddar ner den senaste versionen av Jasmin och vi packar upp det.
• Vi går in i katalogen för Jasmin och vi utför SpecRunner.html och vi kommer att se följande:

Den här filen kör några tester i en exempelkod, om vi vill köra testerna kan vi uppdatera webbläsaren och de kommer att köras.
Låt oss nu titta på ett exempel på att använda Jasmin:

• Vi skapar först en enkel funktion som innehåller en sträng som ett återuppringning.

funktion helloWorld () {
returnera "Hej världen!";
}
Vi är ganska säkra på att det här fungerar? Men låt oss prova detta med Jasmin och låt oss se vad du tycker om vår kod.

• Vi sparar den skapade funktionen i en fil som vi kan ringa till hej.js, vi öppnar SpecRunner.html för att utföra inkluderingen.

• Låt oss nu få Jasmine att fungera, skapa en fil som innehåller följande kod:

beskriv ("Hej världen", funktion () {
it ("säger hej", function () {
förvänta dig (helloWorld ()). toEqual ("Hej världen!");
});
});
Låt oss se vad den här koden innehåller:
Först har vi beskrivningen, som vanligtvis definierar en komponent i vår applikation, det kan vara en klass, funktion eller kanske något annat. I detta exempel refererar det till vår funktion Hej världen ().
Låt oss fortsätta med samma kod så får vi blocket av Artikel(), detta kallas en specifikation. Det är en funktion i Javascript som berättar vad vi kan förvänta oss eller vad vår komponent ska göra. För varje beskrivning kan vi ha valfritt antal specifikationer.
I det här fallet testar vi om funktionen Hej världen () returnerar "Hej världen!" och vi verifierar det med toEqual () vilket inte är mer än a matcher, detta kommer i princip att berätta för oss om innehållet i strängen är detsamma som det som testas.

• Vi sparar koden med namnet hej.spec.js vi placerar den i katalogen där specifikationerna finns och vi inkluderar den i vår SpecRunner.html

Slutligen kör vi denna specifikation i vår webbläsare och vi kommer att se en utmatning som den vi har nedan:

Vi kan också använda en annan typ av matcher, låt oss se:
beskriv ("Hej världen", funktion () {
it ("säger världen", function () {
förvänta dig (helloWorld ()). toContain ("världen");
});
});
Istället för att förvänta oss att värdet är detsamma, denna gång förväntar vi oss att innehållet är ordet "värld" oavsett resten av innehållet, så länge ordet "värld" finns i detta test kommer Jasmine att tolka det som korrekt.
Om vi ​​går till vår funktion kan vi ändra vad det säger och ställa in något annat än "Hej världen", Jasmine kommer att se detta som felaktigt eftersom det inte är vad hon förväntar sig och det är huvudorsaken till att vi vill ha Jasmine, så att vi säger när något inte är vad som förväntas och detta hjälper oss att göra vår kod ren och utan fel.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng