Ilia Mashkov
30f8e4be95
Replace ochre-clay, carbon-black, burnt-oxide, slate-indigo with clean two-color system: --cream (#f4f0e8) and --blue (#041cf3). Update every component, utility class, and test assertion.
30 lines
987 B
TypeScript
30 lines
987 B
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import { UtilityBar } from './UtilityBar';
|
|
|
|
describe('UtilityBar', () => {
|
|
describe('rendering', () => {
|
|
it('renders "Contact" label', () => {
|
|
render(<UtilityBar />);
|
|
expect(screen.getByText('Contact')).toBeInTheDocument();
|
|
});
|
|
|
|
it('renders email link with correct href', () => {
|
|
render(<UtilityBar />);
|
|
const link = screen.getByRole('link', { name: 'hello@allmy.work' });
|
|
expect(link).toBeInTheDocument();
|
|
expect(link).toHaveAttribute('href', 'mailto:hello@allmy.work');
|
|
});
|
|
|
|
it('renders "Download CV" button', () => {
|
|
render(<UtilityBar />);
|
|
expect(screen.getByRole('button', { name: /download cv/i })).toBeInTheDocument();
|
|
});
|
|
|
|
it('Download CV button has primary variant class', () => {
|
|
render(<UtilityBar />);
|
|
const btn = screen.getByRole('button', { name: /download cv/i });
|
|
expect(btn).toHaveClass('bg-blue');
|
|
});
|
|
});
|
|
});
|