erikghandClaude Opus 5
a9758a92f9
El wordmark deja de depender del glifo tipográfico ≡ y pasa a un trazado SVG propio (SimboloTresLineas), que es lo que permite cumplir la instrucción de la dueña: que se lea como E, no como tres líneas sueltas. Incluye las tres versiones del logotipo (principal, negativa, secundaria) y alinea los tokens de color con el Manual de Identidad Visual v1.0. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
23 lines
879 B
TypeScript
23 lines
879 B
TypeScript
import { render } from '@testing-library/react';
|
|
import { describe, it, expect } from 'vitest';
|
|
import { SimboloTresLineas } from '../SimboloTresLineas';
|
|
|
|
describe('<SimboloTresLineas />', () => {
|
|
it('is decorative: hidden from assistive tech', () => {
|
|
const { container } = render(<SimboloTresLineas />);
|
|
expect(container.querySelector('svg')).toHaveAttribute('aria-hidden', 'true');
|
|
});
|
|
|
|
it('renders five bars resolving toward the three-line symbol', () => {
|
|
const { container } = render(<SimboloTresLineas />);
|
|
expect(container.querySelectorAll('rect')).toHaveLength(5);
|
|
});
|
|
|
|
it('takes its colour from currentColor, like the other brand graphics', () => {
|
|
const { container } = render(<SimboloTresLineas />);
|
|
container.querySelectorAll('rect').forEach((rect) => {
|
|
expect(rect).toHaveAttribute('fill', 'currentColor');
|
|
});
|
|
});
|
|
});
|