Um eine Reactjs-Komponente zu testen, können Sie die Testing-Bibliotheken “Jest” und “React Testing Library” verwenden:
1. Installieren Sie die notwendigen Libraries
Mit npm:
```bash
npm install —save-dev jest testing-library/react
```
Oder mit yarn:
```bash
yarn add --dev jest testing-library/react
```
2. Erstellen Sie Ihre Testdatei: Normalerweise erstellen Sie eine seperate Testdatei für jede Komponente, die Sie testen möchten. Dies ermöglicht Ihnen ein einfaches und übersichtliches Management Ihrer Tests. Wenn Sie eine Komponente `MyComponent.js` haben, erstellen Sie eine Datei `MyComponent.test.js`.
3. Schreiben Sie Ihre Tests: Hier ist ein einfacher Test für eine Komponente namens `MyComponent`.
```jsx import React from ‘react’; import { render, screen } from ‘@testing-library/react’; import MyComponent from ‘./MyComponent’; test(‘renders learn react link’, () => { render(4. Führen Sie Ihre Tests aus Sie können alle Tests ausführen, indem Sie folgendes in Ihrem Terminal ausführen:
Mit npm: ```bash npm test ``` Oder mit yarn: ```bash yarn test ``` Jest startet daraufhin einen Test-Runner im interaktiven Watch-Modus.Für tiefere Tests können Sie auch testen, ob Events korrekt funktionieren, ob der Zustand korrekt aktualisiert wird und viele andere Aspekte. Schauen Sie bei Interesse unbedingt in die Dokumentationen von Jest und React Testing Library.
