feat(identidad): logos SVG oficiales, wordmark trazado y tokens del manual
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>
This commit is contained in:
1 parent
edf921eae7
commit
a9758a92f9
15 files changed
+287
-27
No files matched your search
@@ -0,0 +1,22 @@
|
||||
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');
|
||||
});
|
||||
});
|
||||
});
|
||||
Reference in new issue
Block a user