Testing
In React und Next.js können Sie verschiedene Arten von Tests schreiben, die jeweils ihren eigenen Zweck und Anwendungsfälle haben. Diese Seite bietet einen Überblick über die Typen und häufig verwendete Tools, mit denen Sie Ihre Anwendung testen können.
Arten von Tests
- Unit-Tests (Modultests) beinhalten das Testen einzelner Einheiten (oder Codeblöcke) in Isolation. In React kann eine Einheit eine einzelne Funktion, ein Hook oder eine Komponente sein.
- Komponententests sind eine fokussiertere Variante von Unit-Tests, bei der React-Komponenten im Mittelpunkt der Tests stehen. Dies kann das Testen des Renderverhaltens, der Interaktion mit Props und des Verhaltens bei Benutzerinteraktionen umfassen.
- Integrationstests beinhalten das Testen des Zusammenspiels mehrerer Einheiten. Dies kann eine Kombination aus Komponenten, Hooks und Funktionen sein.
- End-to-End-Tests (E2E-Tests) beinhalten das Testen von Benutzerabläufen in einer Umgebung, die reale Nutzungsszenarien simuliert, wie z.B. im Browser. Dabei werden spezifische Aufgaben (z.B. Anmeldeprozesse) in einer produktionsähnlichen Umgebung getestet.
- Snapshot-Tests erfassen das gerenderte Ergebnis einer Komponente und speichern es in einer Snapshot-Datei. Bei Testläufen wird das aktuelle Renderergebnis mit dem gespeicherten Snapshot verglichen. Änderungen im Snapshot deuten auf unerwartete Verhaltensänderungen hin.
Anleitungen
In den folgenden Anleitungen erfahren Sie, wie Sie Next.js mit diesen häufig verwendeten Test-Tools einrichten:
Vitest
Erfahren Sie, wie Sie Next.js mit Vitest und React Testing Library einrichten - zwei beliebte Bibliotheken für Unittests.
Jest
Erfahren Sie, wie Sie Next.js mit Jest für Unit-Tests konfigurieren.
Playwright
Erfahren Sie, wie Sie Next.js mit Playwright für End-to-End (E2E)- und Integrationstests einrichten.
Cypress
Erfahren Sie, wie Sie Next.js mit Cypress für End-to-End (E2E)- und Komponententests einrichten.