Einrichtung und Verwendung von Jest
- , opens subtitles settings dialogsubtitles settings
- , selectedsubtitles off
- 2x
- 1.5x
- , selected1x
- 0.5x
This is a modal window.
Beginning of dialog window. Escape will cancel and close the window.
End of dialog window.
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:
mkdir <full or relative path include the name of the directory>
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:
Öffnen Sie die Eingabeaufforderung oder eine andere geeignete Konsolenanwendung;
Navigieren Sie mit dem Befehl
cd
zum gewünschten Speicherort;Erstellen Sie ein Verzeichnis zum Speichern des Projekts mit dem Befehl
mkdir
. (Syntax: mkdir); Sobald das Verzeichnis erfolgreich erstellt wurde, wechseln Sie mit
cd
in das Verzeichnis;Verwenden Sie den Befehl
npm init
, um ein neues Projekt zu starten;Passen Sie die grundlegenden Konfigurationen an;
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:
js99123456789101112131415161718192021222324252627function sort(arr) {let n = arr.length;let swapped;do{swapped = false;for (let i = 0; i < n - 1; i++){if (arr[i] > arr[i + 1]){let temp = arr[i];arr[i] = arr[i + 1];arr[i + 1] = temp;swapped = true;}}n--;}while (swapped);return arr;}module.exports = sort;
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:
js99123456789101112131415161718192021222324252627282930313233343536const sort = require('./sort');describe('Sort Function', () => {test('basic unsorted array', () => {const unsortedArray = [64, 34, 25, 12, 22, 11, 90];const sortedArray = [11, 12, 22, 25, 34, 64, 90];expect(sort(unsortedArray)).toEqual(sortedArray);});test('an empty array', () => {const emptyArray = [];expect(sort(emptyArray)).toEqual([]);});test('an array with one element', () => {const singleElementArray = [1];expect(sort(singleElementArray)).toEqual([1]);});test('an array with two elements in reverse order', () => {const twoElementsArray = [2, 1];expect(sort(twoElementsArray)).toEqual([1, 2]);});test('an array with two elements already sorted', () => {const twoElementsArray = [1, 2];expect(sort(twoElementsArray)).toEqual([1, 2]);});test('an array with negative numbers', () => {const arrayWithNegatives = [3, -1, 4, -2, 5];const sortedArray = [-2, -1, 3, 4, 5];expect(sort(arrayWithNegatives)).toEqual(sortedArray);});test('an already sorted array', () => {
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:
Die Eingabeaufforderung oder eine andere geeignete Konsolenanwendung öffnen;
Mit dem Befehl
cd
zum Projektverzeichnis navigieren;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.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen