JavaScript -test med Jasmine

Nu har vi allerede set, hvad det handler om Jasmine lad os nu se, hvordan det fungerer.

• Vi downloader den nyeste version af Jasmine og vi pakker det ud.
• Vi går ind i biblioteket med Jasmine og vi udfører SpecRunner.html og vi vil se følgende:

Denne fil udfører nogle tests i en eksempelkode. Hvis vi vil køre testene, kan vi opdatere browseren, og de vil blive udført.
Lad os nu se på et eksempel på brug Jasmine:

• Vi opretter først en enkel funktion, der indeholder en streng som et tilbagekald.

funktion helloWorld () {
returnere "Hej verden!";
}
Vi er ret sikre på, at dette virker, ikke? Men lad os prøve dette med Jasmine og lad os se, hvad du synes om vores kode.

• Vi gemmer den oprettede funktion i en fil, som vi kan kalde hej.js, vi åbner SpecRunner.html at udføre inklusionen.

• Lad os nu sætte Jasmine i arbejde, oprette en fil, der indeholder følgende kode:

beskrive ("Hej verden", funktion () {
it ("siger hej", funktion () {
forventer (helloWorld ()). toEqual ("Hej verden!");
});
});
Lad os se, hvad dette stykke kode indeholder:
Først har vi beskrivet, som normalt definerer en komponent i vores applikation, det kan være en klasse, funktion eller måske noget andet. I dette eksempel refererer det til vores funktion Hej Verden ().
Lad os fortsætte med den samme kode, og vi får blokken af Vare(), dette kaldes en specifikation. Det er en funktion i Javascript, der fortæller os, hvad vi kan forvente, eller hvad vores komponent skal gøre. For hver beskrivelse kan vi have et vilkårligt antal specifikationer.
I dette tilfælde tester vi, om funktionen Hej Verden () returnerer "Hej verden!" og vi verificerer det med toEqual () hvilket ikke er mere end a matcher, dette vil dybest set fortælle os, om strengens indhold er det samme som det, der testes.

• Vi gemmer koden med navnet hej.spec.js vi placerer det i biblioteket, hvor specifikationerne er indeholdt, og vi inkluderer det i vores SpecRunner.html

Endelig kører vi denne specifikation i vores browser, og vi vil se et output som det, vi har nedenfor:

Vi kan også bruge en anden type matcher, lad os se:
beskrive ("Hej verden", funktion () {
it ("siger verden", funktion () {
forvente (helloWorld ()). toContain ("verden");
});
});
I stedet for at forvente, at værdien er den samme, forventer vi denne gang, at indholdet er ordet "verden" uanset resten af ​​indholdet, så længe ordet "verden" findes i denne test, vil Jasmine tolke det som korrekt.
Hvis vi går til vores funktion, kan vi ændre, hvad der står og indstille noget andet end "Hej verden", Jasmine vil se dette som forkert, fordi det ikke er, hvad hun forventer, og det er hovedårsagen til, at vi vil have Jasmine, så vi siger, når noget ikke er det, der forventes, og dette vil hjælpe os med at gøre vores kode ren og uden fejl.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt