43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
|
import { describe, it, expect, vi } from 'vitest';
|
||
|
|
import { render, screen } from '@testing-library/react';
|
||
|
|
|
||
|
|
vi.mock('@/components/ThemeProvider', () => ({
|
||
|
|
useTheme: () => ({ theme: 'light', toggleTheme: vi.fn() }),
|
||
|
|
}));
|
||
|
|
|
||
|
|
vi.mock('@/components/layout/PageHeaderContext', () => ({
|
||
|
|
usePageHeader: () => ({
|
||
|
|
header: {
|
||
|
|
title: 'Test Page',
|
||
|
|
subtitle: 'Subtitle here',
|
||
|
|
crumbs: ['Home', 'Test Page'],
|
||
|
|
actions: null,
|
||
|
|
},
|
||
|
|
}),
|
||
|
|
}));
|
||
|
|
|
||
|
|
import { TopBar } from '../layout/TopBar';
|
||
|
|
|
||
|
|
describe('TopBar', () => {
|
||
|
|
it('renders title and subtitle', () => {
|
||
|
|
render(<TopBar />);
|
||
|
|
expect(screen.getByRole('heading', { level: 1 })).toHaveTextContent('Test Page');
|
||
|
|
expect(screen.getByText('Subtitle here')).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders breadcrumbs', () => {
|
||
|
|
render(<TopBar />);
|
||
|
|
expect(screen.getByText('Home')).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders search input', () => {
|
||
|
|
render(<TopBar />);
|
||
|
|
expect(screen.getByPlaceholderText(/Search medicines/)).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders theme toggle button', () => {
|
||
|
|
render(<TopBar />);
|
||
|
|
expect(screen.getByLabelText('Toggle theme')).toBeInTheDocument();
|
||
|
|
});
|
||
|
|
});
|