Heim > Web-Frontend > js-Tutorial > Unit- und Integrationstests

Unit- und Integrationstests

Mary-Kate Olsen
Freigeben: 2025-01-03 18:21:40
Original
191 Leute haben es durchsucht

? Fireup-Einheit und Integrationstests mit Jest und Axios

Testen ist ein wesentlicher Bestandteil, um sicherzustellen, dass Ihr Code wie erwartet funktioniert und über einen längeren Zeitraum zuverlässig bleibt. In diesem Leitfaden werden Unit Testing und Integrationstests anhand von Beispielen unter Verwendung von Jest und Axios erläutert. Am Ende sind Sie in der Lage, Ihre eigenen Tests selbstbewusst zu schreiben! ?


?️ Inhaltsverzeichnis

  1. Einführung in das Testen
  2. Einheitentests
  3. Integrationstests mit Axios
  4. Fazit

? Einführung in das Testen

Beim Testen wird überprüft, ob sich Ihr Code unter verschiedenen Bedingungen wie erwartet verhält. Mit Jest, einer beliebten Testbibliothek, können Sie zwei wichtige Arten von Tests schreiben:

  • Unit-Tests: Testen Sie einzelne Funktionen oder Komponenten isoliert.
  • Integrationstests: Überprüfen Sie, wie verschiedene Teile Ihrer Anwendung zusammenarbeiten.

Diese Tests helfen dabei, Fehler frühzeitig zu erkennen, Regressionsprobleme zu reduzieren und eine hohe Codequalität aufrechtzuerhalten. Beginnen wir mit der Erkundung von Unit Testing! ?


? Unit-Tests

Unit Testing konzentriert sich auf das isolierte Testen einzelner Funktionen oder Komponenten. Es stellt sicher, dass jede kleine Einheit Ihres Codes unabhängig wie vorgesehen funktioniert.

Beispiel: Testen einer Summenfunktion

Hier ist eine einfache Funktion, die zwei Zahlen summiert:

// src/sum.js
export const sum = (a, b) => a + b;
Nach dem Login kopieren
Nach dem Login kopieren

Den Unit-Test schreiben

Erstellen Sie eine Testdatei src/__tests__/sum.test.js und schreiben Sie Folgendes:

// src/__tests__/sum.test.js
import { sum } from '../sum';

describe('sum', () => {
  it('should add two numbers correctly', () => {
    expect(sum(1, 2)).toBe(3);
    expect(sum(-1, 1)).toBe(0);
  });
});
Nach dem Login kopieren
Nach dem Login kopieren

Ausführen des Unit-Tests

Führen Sie den Test mit dem folgenden Befehl aus:

npx jest src/__tests__/sum.test.js
Nach dem Login kopieren

Wenn alles wie erwartet funktioniert, sehen Sie ein ✅, das bestätigt, dass der Test bestanden wurde.

Unit & Integration Testing


? Integrationstests mit Axios

Integrationstests stellt sicher, dass verschiedene Teile Ihrer Anwendung gut zusammenarbeiten. Testen wir eine Funktion, die Benutzerdaten von einer API mit Axios abruft.

Beispiel: Benutzerdaten abrufen

Angenommen, wir haben eine Funktion, die Benutzerdaten von einer API abruft:

// src/apiService.js
import axios from 'axios';

export const fetchUserData = async (userId) => {
  const response = await axios.get(`https://jsonplaceholder.typicode.com/users/${userId}`);
  return response.data;
};
Nach dem Login kopieren

Den Integrationstest schreiben

Um diese Funktion zu testen, erstellen Sie eine Datei src/__tests__/apiService.test.js. Wir verspotten Axios, um echte API-Aufrufe zu verhindern.

// src/sum.js
export const sum = (a, b) => a + b;
Nach dem Login kopieren
Nach dem Login kopieren

Kernpunkte:

  • jest.mock('axios'): Verspottet die gesamte Axios-Bibliothek.
  • mockResolvedValue: Simuliert eine erfolgreiche API-Antwort.
  • mockRejectedValue: Simuliert einen API-Fehler.

Ausführen des Integrationstests

Führen Sie den Test mit dem folgenden Befehl aus:

// src/__tests__/sum.test.js
import { sum } from '../sum';

describe('sum', () => {
  it('should add two numbers correctly', () => {
    expect(sum(1, 2)).toBe(3);
    expect(sum(-1, 1)).toBe(0);
  });
});
Nach dem Login kopieren
Nach dem Login kopieren

Bei Erfolg bestätigt Jest, dass die Tests sowohl für Erfolgs- als auch für Misserfolgsszenarien bestanden wurden. ✅

Unit & Integration Testing

? Abschluss

Unit- und Integrationstests sind wesentliche Werkzeuge zum Erstellen zuverlässiger und wartbarer Anwendungen. Durch die Verwendung von Jest und Axios können Sie:

  • Validieren Sie einzelne Funktionen mit Unit-Tests.
  • Überprüfen Sie die Interaktionen zwischen Modulen mit Integrationstests.

Unit- und Integrationstests sind leistungsstarke Methoden, um sicherzustellen, dass Ihr Code einzeln und gemeinsam gut funktioniert. Beginnen Sie noch heute mit dem Hinzufügen von Tests zu Ihrer Codebasis und genießen Sie die Gewissheit, dass Ihre Anwendung gut getestet ist. Viel Spaß beim Codieren und Testen! ?‍?✨

Das obige ist der detaillierte Inhalt vonUnit- und Integrationstests. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage