Testing

In React und Next.js können Sie verschiedene Arten von Tests schreiben, die jeweils ihren eigenen Zweck und Anwendungsfall haben. Diese Seite gibt einen Überblick über die Typen und häufig verwendeten Tools, mit denen Sie Ihre Anwendung testen können.

Arten von Tests

• Unit Testing (Modultests) beinhaltet das Testen einzelner Einheiten (oder Codeblöcke) in Isolation. In React kann eine Einheit eine einzelne Funktion, ein Hook oder eine Komponente sein.
  • Component Testing (Komponententests) ist eine fokussiertere Version von Unit Testing, bei der React-Komponenten im Mittelpunkt der Tests stehen. Dies kann das Testen des Renderverhaltens von Komponenten, ihre Interaktion mit Props und ihr Verhalten bei Benutzerinteraktionen umfassen.
  • Integration Testing (Integrationstests) beinhaltet das Testen des Zusammenspiels mehrerer Einheiten. Dies kann eine Kombination aus Komponenten, Hooks und Funktionen sein.
• End-to-End (E2E) Testing (End-to-End-Tests) beinhaltet das Testen von Benutzerabläufen in einer Umgebung, die reale Nutzerszenarien simuliert, wie z.B. im Browser. Dabei werden spezifische Aufgaben (z.B. Anmeldevorgänge) in einer produktionsähnlichen Umgebung getestet.
• Snapshot Testing (Snapshot-Tests) beinhaltet das Erfassen des gerenderten Outputs einer Komponente und das Speichern in einer Snapshot-Datei. Bei Testläufen wird der aktuelle gerenderte Output 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: