JavaScript -testing med Jasmine

Nå har vi allerede sett hva det handler om Jasmine nå får vi se hvordan det fungerer.

• Vi laster ned den nyeste versjonen av Jasmine og vi pakker den ut.
• Vi går inn i katalogen for Jasmine og vi utfører SpecRunner.html og vi vil se følgende:

Denne filen utfører noen tester i en eksempelkode. Hvis vi vil kjøre testene, kan vi oppdatere nettleseren, og de vil bli utført.
La oss nå se på et eksempel på bruk Jasmine:

• Vi lager først en enkel funksjon som inneholder en streng som et tilbakeringing.

funksjon helloWorld () {
returner "Hei verden!";
}
Vi er ganske sikre på at dette fungerer? Men la oss prøve dette med Jasmine og la oss se hva du synes om koden vår.

• Vi lagrer den opprettede funksjonen i en fil som vi kan kalle hei.js, vi åpner SpecRunner.html for å utføre inkluderingen.

• La oss nå sette Jasmine i arbeid, lage en fil som inneholder følgende kode:

beskriv ("Hei verden", funksjon () {
it ("sier hei", funksjon () {
forvente (helloWorld ()). toEqual ("Hei verden!");
});
});
La oss se hva denne koden inneholder:
Først har vi beskrivelsen, som vanligvis definerer en komponent i applikasjonen vår, den kan være en klasse, funksjon eller kanskje noe annet. I dette eksemplet refererer det til vår funksjon Hei Verden ().
La oss fortsette i den samme koden, og vi vil ha blokken av Punkt(), dette kalles en spesifikasjon. Det er en funksjon i Javascript som forteller oss hva vi kan forvente eller hva komponenten vår skal gjøre. For hver beskrivelse kan vi ha et hvilket som helst antall spesifikasjoner.
I dette tilfellet tester vi om funksjonen Hei Verden () returnerer "Hei verden!" og vi bekrefter det med toEqual () som ikke er mer enn a matcher, vil dette i utgangspunktet fortelle oss om innholdet i strengen er det samme som det som testes.

• Vi lagrer koden med navnet hello.spec.js vi plasserer den i katalogen der spesifikasjonene finnes, og vi inkluderer den i vår SpecRunner.html

Til slutt kjører vi denne spesifikasjonen i nettleseren vår, og vi vil se en utgang som den vi har nedenfor:

Vi kan også bruke en annen type matcher, la oss se:
beskriv ("Hei verden", funksjon () {
it ("sier verden", funksjon () {
forvente (helloWorld ()). toContain ("verden");
});
});
I stedet for å forvente at verdien skal være den samme, forventer vi denne gangen at innholdet er ordet “verden” uavhengig av resten av innholdet, så lenge ordet “verden” eksisterer i denne testen, vil Jasmine tolke det som riktig.
Hvis vi går til funksjonen vår, kan vi endre hva den sier og sette noe annet enn "Hello World", Jasmine vil se dette som feil fordi det ikke er det hun forventer, og det er hovedgrunnen til at vi vil ha Jasmine, slik at vi sier når noe ikke er det som forventes, og dette vil hjelpe oss med å gjøre koden ren og uten feil.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng