- Add gold-deep #7A5F15 token (~5.97:1 on white, WCAG AA) for small-text eyebrows - Apply text-gold-deep to 4 eyebrows (Hero, Disciplinas, ComoEmpezar, Estratega) - Disciplinas: div grid → semantic ul/li for screen-reader consistency - Cierre: wrap contact links in <nav aria-label="Contacto"> - Estratega: portrait gradient → Tailwind tokens (from-ink to-gold), drop inline hex - Delete unused Geist fonts (app/fonts/, ~134KB) - Replace default README with creeer README - Tests: +2 structural (Disciplinas ul/li, Cierre nav aria-label)
20 lines
755 B
TypeScript
20 lines
755 B
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import { describe, it, expect } from 'vitest';
|
|
import { Disciplinas } from '../Disciplinas';
|
|
|
|
describe('<Disciplinas />', () => {
|
|
it('renders the 3 disciplines', () => {
|
|
render(<Disciplinas />);
|
|
expect(screen.getByText('Comunicación')).toBeInTheDocument();
|
|
expect(screen.getByText('Digital')).toBeInTheDocument();
|
|
expect(screen.getByText('Experiencias')).toBeInTheDocument();
|
|
});
|
|
it('renders disciplines in a semantic list (ul/li) for a11y', () => {
|
|
const { container } = render(<Disciplinas />);
|
|
const list = container.querySelector('ul');
|
|
expect(list).not.toBeNull();
|
|
const items = list?.querySelectorAll('li');
|
|
expect(items?.length).toBe(3);
|
|
});
|
|
});
|