Add comprehensive tests for authentication, settings, and password reset pages

- Introduced smoke tests for Login, Register, Password Reset, Password Reset Confirm, and Settings pages.
- Enhanced test coverage for all dynamic imports using mocks and added Jest exclusions for non-testable Next.js files.
- Added component-specific test files for better structure and maintainability.
- Improved test isolation by mocking navigation, providers, and rendering contexts.
This commit is contained in:
2025-11-02 17:33:57 +01:00
parent 77594e478d
commit fded54e61a
23 changed files with 599 additions and 2 deletions

View File

@@ -0,0 +1,37 @@
/**
* Tests for Password Reset Page
* Smoke tests to verify page structure and component rendering
*/
import { render, screen } from '@testing-library/react';
import PasswordResetPage from '@/app/(auth)/password-reset/page';
// Mock dynamic import
jest.mock('next/dynamic', () => ({
__esModule: true,
default: (importFn: () => Promise<any>, options?: any) => {
const Component = () => <div data-testid="password-reset-form">Mocked PasswordResetRequestForm</div>;
Component.displayName = 'PasswordResetRequestForm';
return Component;
},
}));
describe('PasswordResetPage', () => {
it('renders without crashing', () => {
render(<PasswordResetPage />);
expect(screen.getByText('Reset your password')).toBeInTheDocument();
});
it('renders heading and description', () => {
render(<PasswordResetPage />);
expect(screen.getByRole('heading', { name: /reset your password/i })).toBeInTheDocument();
expect(screen.getByText(/we'll send you an email with instructions/i)).toBeInTheDocument();
});
it('renders PasswordResetRequestForm component', () => {
render(<PasswordResetPage />);
expect(screen.getByTestId('password-reset-form')).toBeInTheDocument();
});
});