JavaScript-Tests mit Jasmine

Jetzt haben wir schon gesehen, worum es geht Jasmin mal sehen wie es funktioniert.

• Wir laden die neueste Version von . herunter Jasmin und wir entpacken es.
• Wir betreten das Verzeichnis von Jasmin und wir führen aus SpecRunner.html und wir werden folgendes sehen:

Diese Datei führt einige Tests in einem Beispielcode aus. Wenn wir die Tests ausführen möchten, können wir den Browser aktualisieren und sie werden ausgeführt.
Schauen wir uns nun ein Beispiel für die Verwendung an Jasmin:

• Wir erstellen zunächst eine einfache Funktion, die einen String als Callback enthält.

Funktion halloWorld () {
return "Hallo Welt!";
}
Wir sind uns ziemlich sicher, dass das funktioniert, oder? Aber versuchen wir es mal mit Jasmin und mal sehen, was Sie von unserem Code halten.

• Wir speichern die erstellte Funktion in einer Datei, die wir aufrufen können hallo.js, wir öffnen SpecRunner.html die Inklusion durchzuführen.

• Lassen Sie uns nun Jasmine an die Arbeit machen, erstellen Sie eine Datei mit dem folgenden Code:

beschreiben ("Hallo Welt", Funktion () {
es ("sagt hallo", Funktion () {
erwarten (helloWorld ()). toEqual ("Hallo Welt!");
});
});
Sehen wir uns an, was dieser Code enthält:
Zuerst haben wir die Beschreibung, die normalerweise eine Komponente unserer Anwendung definiert, es kann eine Klasse, Funktion oder vielleicht etwas anderes sein. In diesem Beispiel bezieht es sich auf unsere Funktion Hallo Welt ().
Fahren wir im gleichen Code fort und wir haben den Block von Artikel(), dies wird als Spezifikation bezeichnet. Es ist eine Funktion in Javascript, die uns sagt, was wir erwarten oder was unsere Komponente tun soll. Für jede Beschreibung können wir eine beliebige Anzahl von Spezifikationen haben.
In diesem Fall testen wir, ob die Funktion Hallo Welt () gibt "Hallo Welt!" und wir verifizieren es mit dem zuGleich () was nichts anderes ist als ein Matcher, dies sagt uns im Grunde, ob der Inhalt der Zeichenfolge mit dem übereinstimmt, der getestet wird.

• Wir speichern den Code mit dem Namen hallo.spec.js Wir legen es in das Verzeichnis, in dem die Spezifikationen enthalten sind, und fügen es in unser SpecRunner.html

Schließlich führen wir diese Spezifikation in unserem Browser aus und wir sehen eine Ausgabe wie die, die wir unten haben:

Wir können auch eine andere Art von Matcher verwenden, mal sehen:
beschreiben ("Hallo Welt", Funktion () {
es ("sagt Welt", Funktion () {
erwarten (helloWorld ()). toContain ("world");
});
});
Anstatt zu erwarten, dass der Wert gleich ist, erwarten wir diesmal, dass der Inhalt unabhängig vom Rest des Inhalts das Wort „Welt“ ist, solange das Wort „Welt“ in diesem Test existiert, wird Jasmine es als richtig interpretieren.
Wenn wir zu unserer Funktion gehen, können wir die Aussage ändern und etwas anderes als "Hello World" einstellen. Jasmine wird dies als falsch ansehen, weil es nicht das ist, was sie erwartet und das ist der Hauptgrund, warum wir Jasmine wollen, damit Wir sagen, wenn etwas nicht den Erwartungen entspricht, und dies wird uns helfen, unseren Code sauber und fehlerfrei zu machen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben