180b9aa9f8
* ✨ chore: update CI workflow to include testing and multi-arch build (#29) * ✨ chore: remove unused dependencies from package-lock.json and updated to a better local dev environment (#30) * ✨ test: add unit tests * ✨ test: add unit tests for whole project * ✨ feat: add whatwg-fetch for improved fetch support * ✨ chore: update Node.js version to 22 in workflow * ✨ refactor: update types and improve email handling tests * ✨ refactor: remove unused imports * ✨ fix: normalize image name to lowercase in workflows * ✨ fix: ensure Docker image names are consistently lowercase * ✨ chore: update * ✨ chore: update base URL to use secret variable * ✨ chore: update to login to ghcr * ✨ fix: add missing 'fi' to close if statement in workflow
28 lines
944 B
TypeScript
28 lines
944 B
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import Header from '@/app/components/Header';
|
|
import '@testing-library/jest-dom';
|
|
|
|
describe('Header', () => {
|
|
it('renders the header', () => {
|
|
render(<Header />);
|
|
expect(screen.getByText('Dennis Konkol')).toBeInTheDocument();
|
|
|
|
const aboutButtons = screen.getAllByText('About');
|
|
expect(aboutButtons.length).toBeGreaterThan(0);
|
|
|
|
const projectsButtons = screen.getAllByText('Projects');
|
|
expect(projectsButtons.length).toBeGreaterThan(0);
|
|
|
|
const contactButtons = screen.getAllByText('Contact');
|
|
expect(contactButtons.length).toBeGreaterThan(0);
|
|
});
|
|
|
|
it('renders the mobile header', () => {
|
|
render(<Header />);
|
|
const openMenuButton = screen.getByLabelText('Open menu');
|
|
expect(openMenuButton).toBeInTheDocument();
|
|
|
|
const closeMenuButton = screen.getByLabelText('Close menu');
|
|
expect(closeMenuButton).toBeInTheDocument();
|
|
});
|
|
}); |