- Consolidated multi-line arguments into single lines where appropriate in `useAuth`. - Improved spacing and readability in data processing across components (`ProfileSettingsForm`, `PasswordChangeForm`, `SessionCard`). - Applied consistent table and markdown formatting in design system docs (e.g., `README.md`, `08-ai-guidelines.md`, `00-quick-start.md`). - Updated code snippets to ensure adherence to Prettier rules and streamlined JSX structures.
63 lines
1.8 KiB
TypeScript
63 lines
1.8 KiB
TypeScript
/**
|
|
* Tests for 403 Forbidden Page
|
|
* Verifies rendering of access forbidden message and navigation
|
|
*/
|
|
|
|
import { render, screen } from '@testing-library/react';
|
|
import ForbiddenPage from '@/app/forbidden/page';
|
|
|
|
describe('ForbiddenPage', () => {
|
|
it('renders page heading', () => {
|
|
render(<ForbiddenPage />);
|
|
|
|
expect(screen.getByRole('heading', { name: /403 - Access Forbidden/i })).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders permission denied message', () => {
|
|
render(<ForbiddenPage />);
|
|
|
|
expect(
|
|
screen.getByText(/You don't have permission to access this resource/)
|
|
).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders admin privileges message', () => {
|
|
render(<ForbiddenPage />);
|
|
|
|
expect(screen.getByText(/This page requires administrator privileges/)).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders link to dashboard', () => {
|
|
render(<ForbiddenPage />);
|
|
|
|
const dashboardLink = screen.getByRole('link', {
|
|
name: /Go to Dashboard/i,
|
|
});
|
|
expect(dashboardLink).toBeInTheDocument();
|
|
expect(dashboardLink).toHaveAttribute('href', '/dashboard');
|
|
});
|
|
|
|
it('renders link to home', () => {
|
|
render(<ForbiddenPage />);
|
|
|
|
const homeLink = screen.getByRole('link', { name: /Go to Home/i });
|
|
expect(homeLink).toBeInTheDocument();
|
|
expect(homeLink).toHaveAttribute('href', '/');
|
|
});
|
|
|
|
it('renders shield alert icon with aria-hidden', () => {
|
|
const { container } = render(<ForbiddenPage />);
|
|
|
|
const icon = container.querySelector('[aria-hidden="true"]');
|
|
expect(icon).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders with proper container structure', () => {
|
|
const { container } = render(<ForbiddenPage />);
|
|
|
|
const containerDiv = container.querySelector('.container');
|
|
expect(containerDiv).toBeInTheDocument();
|
|
expect(containerDiv).toHaveClass('mx-auto', 'px-6', 'py-16');
|
|
});
|
|
});
|