Update tests to handle asynchronous loading and initialization states across multiple components

This commit is contained in:
2025-07-06 01:29:55 +02:00
parent 7a31bd4c76
commit e5c34c25d7
7 changed files with 164 additions and 49 deletions

View File

@@ -4,6 +4,7 @@ import {
screen,
fireEvent,
waitFor,
act,
} from '@testing-library/react';
import React from 'react';
import { MantineProvider } from '@mantine/core';
@@ -218,7 +219,7 @@ describe('EmailPasswordModal', () => {
});
});
it('handles rapid multiple clicks gracefully', () => {
it('handles rapid multiple clicks gracefully', async () => {
render(
<EmailPasswordModal
opened={true}
@@ -234,12 +235,15 @@ describe('EmailPasswordModal', () => {
fireEvent.change(passwordInput, { target: { value: 'rapidtest' } });
// Multiple rapid clicks should not break the component
fireEvent.click(confirmButton);
fireEvent.click(confirmButton);
fireEvent.click(confirmButton);
act(() => {
fireEvent.click(confirmButton);
fireEvent.click(confirmButton);
fireEvent.click(confirmButton);
});
expect(screen.getByText('Confirm Password')).toBeInTheDocument();
expect(mockOnConfirm).toHaveBeenCalledWith('rapidtest');
await waitFor(() => {
expect(mockOnConfirm).toHaveBeenCalledWith('rapidtest');
});
});
});