Testowanie JavaScript z Jasmine

Teraz już widzieliśmy, o co chodzi Jaśmin teraz zobaczmy, jak to działa.

• Pobieramy najnowszą wersję Jaśmin i rozpakujemy go.
• Wchodzimy do katalogu Jaśmin i wykonujemy SpecRunner.html i zobaczymy:

Plik ten wykonuje niektóre testy w przykładowym kodzie, jeśli chcemy je uruchomić, możemy odświeżyć przeglądarkę i zostaną one wykonane.
Spójrzmy teraz na przykład użycia Jaśmin:

• Najpierw tworzymy prostą funkcję, która zawiera ciąg znaków jako wywołanie zwrotne.

funkcja helloWorld() {
return "Witaj świecie!";
}
Jesteśmy prawie pewni, że to działa dobrze? Ale spróbujmy tego z Jaśmin i zobaczmy, co myślisz o naszym kodzie.

• Utworzoną funkcję zapisujemy w pliku, który możemy wywołać cześć.js, otwieramy SpecRunner.html do wykonania włączenia.

• Teraz pozwólmy Jasmine działać, stwórzmy plik zawierający następujący kod:

opisz („Witaj świecie”, funkcja () {
it ("mówi cześć", funkcja () {
oczekiwać (helloWorld()) toEqual ("Witaj świecie!");
});
});
Zobaczmy, co zawiera ten fragment kodu:
Najpierw mamy opis, który zazwyczaj definiuje komponent naszej aplikacji, może to być klasa, funkcja lub może coś innego. W tym przykładzie odnosi się do naszej funkcji Witaj świecie ().
Kontynuujmy w tym samym kodzie i będziemy mieli blok Przedmiot(), nazywa się to specyfikacją. Jest to funkcja w JavaScript, która mówi nam, czego się spodziewać lub co powinien zrobić nasz komponent. Dla każdego opisu możemy mieć dowolną ilość specyfikacji.
W tym przypadku testujemy, czy funkcja Witaj świecie () zwraca "Witaj świecie!" i weryfikujemy to za pomocą do równego () co jest niczym więcej niż dopasowanie, to po prostu powie nam, czy zawartość ciągu jest taka sama, jak to, co jest testowane.

• Zapisujemy kod z nazwą witaj.spec.js umieszczamy go w katalogu, w którym znajdują się specyfikacje i umieszczamy w naszym SpecRunner.html

Na koniec uruchamiamy tę specyfikację w naszej przeglądarce i zobaczymy wynik podobny do tego, który mamy poniżej:

Możemy również użyć innego typu dopasowywania, zobaczmy:
opisz („Witaj świecie”, funkcja () {
it ("mówi świat", funkcja () {
oczekiwać (helloWorld()). toContain ("świat");
});
});
Zamiast oczekiwać, że wartość będzie taka sama, tym razem oczekujemy, że treść będzie słowem „świat” niezależnie od reszty treści, o ile słowo „świat” będzie istniało w tym teście, Jasmine zinterpretuje je jako poprawne.
Jeśli przejdziemy do naszej funkcji, możemy zmienić to, co mówi i ustawić coś innego niż „Hello World”, Jasmine uzna to za niepoprawne, ponieważ nie tego oczekuje i to jest główny powód, dla którego chcemy Jasmine, aby mówimy, kiedy coś nie jest zgodne z oczekiwaniami, a to pomoże nam uczynić nasz kod czystym i bezbłędnym.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt