Untitled
unknown
typescript
a year ago
1.8 kB
3
Indexable
// Hier beginnt die Beschreibung der Test-Suite für die Button-Komponente. // Eine Test-Suite gruppiert mehrere zusammengehörige Tests, um eine Komponente umfassend zu prüfen. describe('Button Component', () => { // Testfall wird erstellt, um zu überprüfen, ob die Button-Komponente korrekt gerendert wird. test('renders correctly', () => { // Rendert die Button-Komponente mit dem Titel "Press me" und einem leeren onPress-Handler. const { getByText } = render(<Button title="Press me" onPress={() => {}} />); // Findet das Button-Element anhand seines Textes "Press me". const buttonElement = getByText('Press me'); // Überprüft, ob das Button-Element gefunden und im gerenderten Output definiert ist. expect(buttonElement).toBeDefined(); }); // Testfall, um zu überprüfen, ob die onPress-Funktion korrekt aufgerufen wird, wenn der Button gedrückt wird. test('calls onPress correctly', () => { // Erstellt eine Mock-Funktion, die als onPress-Handler verwendet wird. const mockOnPress = jest.fn(); // Rendert die Button-Komponente mit dem Titel "Press me" und dem Mock onPress-Handler. const { getByText } = render(<Button title="Press me" onPress={mockOnPress} />); // Findet das Button-Element anhand seines Textes "Press me". const buttonElement = getByText('Press me'); // Simuliert, dass das Button Element gedrückt wird. fireEvent.press(buttonElement); // Überprüft, ob die Mock onPress-Funktion aufgerufen wurde, als der Button gedrückt wurde. expect(mockOnPress).toHaveBeenCalled(); }); });
Editor is loading...
Leave a Comment