JavaScript тестване с жасмин

Вече видяхме за какво става дума Жасмин сега да видим как работи.

• Изтегляме най -новата версия на Жасмин и го разархивираме.
• Влизаме в директорията на Жасмин и ние изпълняваме SpecRunner.html и ще видим следното:

Този файл изпълнява някои тестове в примерен код, ако искаме да стартираме тестовете, можем да опресним браузъра и те ще бъдат изпълнени.
Сега нека разгледаме пример за използване Жасмин:

• Първо създаваме проста функция, която съдържа низ като обратно извикване.

функция helloWorld () {
връщане "Здравей свят!";
}
Сигурни сме, че това работи, нали? Но нека опитаме с това Жасмин и нека видим какво мислите за нашия код.

• Запазваме създадената функция във файл, който можем да извикаме здравей.js, Ние отваряме SpecRunner.html за извършване на включването.

• Сега нека приложим Жасмин, да създадем файл, съдържащ следния код:

description ("Здравей свят", function () {
it ("казва здравей", function () {
очаквам (helloWorld ()). toEqual ("Здравей свят!");
});
});
Нека да видим какво съдържа тази част от кода:
Първо имаме описанието, което обикновено определя компонент на нашето приложение, може да бъде клас, функция или може би нещо друго. В този пример той се позовава на нашата функция Здравей свят ().
Нека продължим в същия код и ще имаме блока на Вещ(), това се нарича спецификация. Това е функция в Javascript, която ни казва какво да очакваме или какво трябва да направи нашият компонент. За всяко описание можем да имаме произволен брой спецификации.
В този случай тестваме дали функцията Здравей свят () връща "Здравей свят!" и го проверяваме с toEqual () което не е нищо повече от а съвпадение, това основно ще ни каже дали съдържанието на низа е същото като това, което се тества.

• Запазваме кода с името здравей.spec.js поставяме го в директорията, където се съдържат спецификациите, и го включваме в нашия SpecRunner.html

Накрая пускаме тази спецификация в нашия браузър и ще видим изход като този, който имаме по -долу:

Можем да използваме и друг тип съвпадение, нека видим:
description ("Здравей свят", function () {
it ("казва свят", function () {
очаквам (helloWorld ()). toContain ("свят");
});
});
Вместо да очакваме стойността да бъде същата, този път очакваме съдържанието да бъде думата „свят“, независимо от останалото съдържание, стига думата „свят“ да съществува в този тест, Жасмин ще я тълкува като правилна.
Ако преминем към нашата функция, можем да променим това, което тя казва, и да зададем нещо различно от "Hello World", Жасмин ще види това като неправилно, защото не е това, което очаква и това е основната причина, поради която искаме Жасмин, така че казваме, когато нещо не е това, което се очаква и това ще ни помогне да направим нашия код чист и без грешки.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка