- 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.
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
/**
|
|
* Tests for Login Page
|
|
* Smoke tests to verify page structure and component rendering
|
|
*/
|
|
|
|
import { render, screen } from '@testing-library/react';
|
|
import LoginPage from '@/app/(auth)/login/page';
|
|
|
|
// Mock dynamic import
|
|
jest.mock('next/dynamic', () => ({
|
|
__esModule: true,
|
|
default: (importFn: () => Promise<any>, options?: any) => {
|
|
const Component = () => <div data-testid="login-form">Mocked LoginForm</div>;
|
|
Component.displayName = 'LoginForm';
|
|
return Component;
|
|
},
|
|
}));
|
|
|
|
describe('LoginPage', () => {
|
|
it('renders without crashing', () => {
|
|
render(<LoginPage />);
|
|
expect(screen.getByText('Sign in to your account')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders heading and description', () => {
|
|
render(<LoginPage />);
|
|
|
|
expect(screen.getByRole('heading', { name: /sign in to your account/i })).toBeInTheDocument();
|
|
expect(screen.getByText(/access your dashboard and manage your account/i)).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders LoginForm component', () => {
|
|
render(<LoginPage />);
|
|
|
|
expect(screen.getByTestId('login-form')).toBeInTheDocument();
|
|
});
|
|
});
|