Einrichtung und Verwendung von Jest

Befehle im Video verwendet:

Verzeichnis wechseln (`cd`):

Die Syntax zum Ändern des aktuellen Verzeichnisses ist cd <path>.

Der Pfad kann entweder relativ oder global sein. Zum Beispiel können Sie in ein Unterverzeichnis wechseln, indem Sie einfach den Namen des Unterverzeichnisses anstelle seines vollständigen Pfades eingeben: cd <subdirectory name>.

Andernfalls können Sie auch den vollständigen Pfad eines Verzeichnisses angeben: cd <full path>. Wenn sich der Zielpfad auf einem anderen lokalen Datenträger als der aktuelle Standort befindet, ist die Option \d erforderlich: cd \d <full path>.

Beispiele:

• Vollständiger Pfad: cd C:/Users/Admin/Desktop/targetFolder
• Vollständiger Pfad mit anderem lokalen Datenträger: cd \d F:/exampleFolder/targetFolder
• Relativer Pfad: targetFolder

Verzeichnis erstellen (`mkdir`)

Um einen neuen Ordner zu erstellen, können Sie den Befehl mkdir verwenden, der die folgende Syntax verwendet:

Beispiele:

• Vollständiger Pfad: mkdir C:/Users/Admin/Desktop/newFolder
• Relativer Pfad: mkdir newFolder

Zusammenfassung

Die im Video gezeigten Schritte sind unten zusammengefasst:

Die Installation von Jest ist ziemlich einfach. Wir werden lernen, wie man Jest in einem leeren Node.JS-Projekt installiert und verwendet. Daher erstellen wir zunächst ein neues Node.JS-Projekt:

1. Öffnen Sie die Eingabeaufforderung oder eine andere geeignete Konsolenanwendung;
2. Navigieren Sie mit dem Befehl cd zum gewünschten Speicherort;
3. Erstellen Sie ein Verzeichnis zum Speichern des Projekts mit dem Befehl mkdir. (Syntax: mkdir );
4. Sobald das Verzeichnis erfolgreich erstellt wurde, wechseln Sie mit cd in das Verzeichnis;
5. Verwenden Sie den Befehl npm init, um ein neues Projekt zu starten;
6. Passen Sie die grundlegenden Konfigurationen an;
7. Sobald die Konfigurationen abgeschlossen sind, können wir Jest mit dem Befehl npm install --save-dev jest installieren;

Nach Befolgung der obigen Schritte sollte Jest erfolgreich im Projekt installiert sein. Wir können nun dazu übergehen, einige einfache Testfälle auszuführen.

Lassen Sie uns eine Datei namens sort.js erstellen, die eine einfache Funktion zum Sortieren von Ganzzahl-Arrays enthält:

Die letzte Zeile macht die sort-Funktion von anderen JavaScript-Dateien im selben Projekt aus zugänglich.

Um zu testen, ob diese Sortierfunktion korrekt funktioniert, können wir ein neues Testskript erstellen, das einige Unit-Tests enthält. Lassen Sie uns eine neue Datei im Projektordner erstellen, die sort.test.js genannt wird. Es ist wichtig zu beachten, dass die Erweiterung .js und nicht .test.js ist. Dies ist eine Namenskonvention, die in Jest für die Benennung von Testskripten verwendet wird.

Um Testskripte automatisch zu finden, sucht Jest nach allen Dateien, die mit .test.js im Fall von JavaScript und .test.ts im Fall von TypeScript enden. Es sucht auch nach allen JavaScript- oder TypeScript-Dateien, die sich in einem optionalen Ordner namens __tests__ befinden. Wir werden uns die Testordnermethode in Kürze ansehen.

Jetzt haben wir erfolgreich ein Testskript erstellt, es ist jedoch leer. Wir können den folgenden Code zum Testskript hinzufügen, der einige Unit-Testfälle für die sort-Funktion enthält:

Die Syntax zum Schreiben der Testfälle wird in den späteren Kapiteln ausführlich behandelt, daher ist es nicht notwendig, den obigen Code vollständig zu verstehen.

Um die Tests auszuführen, müssen wir:

1. Die Eingabeaufforderung oder eine andere geeignete Konsolenanwendung öffnen;
2. Mit dem Befehl cd zum Projektverzeichnis navigieren;
3. Den folgenden Befehl ausführen: npx jest;

Beim Ausführen des Befehls wird Jest automatisch das Testskript finden und ausführen - vorausgesetzt, es befindet sich im Projektordner. Nach der Ausführung werden die Ergebnisse der sieben Testfälle angezeigt.

Das grüne Häkchen zeigt an, dass der jeweilige Test erfolgreich bestanden wurde.