diff --git a/components/sections/Dolores.tsx b/components/sections/Dolores.tsx index 8eba47d..62c24d7 100644 --- a/components/sections/Dolores.tsx +++ b/components/sections/Dolores.tsx @@ -11,7 +11,7 @@ export function Dolores() { const reduced = usePrefersReducedMotion(); return (
- + {dolores.eyebrow} diff --git a/components/sections/__tests__/Dolores.test.tsx b/components/sections/__tests__/Dolores.test.tsx index f7a4ae9..55cdaa5 100644 --- a/components/sections/__tests__/Dolores.test.tsx +++ b/components/sections/__tests__/Dolores.test.tsx @@ -16,6 +16,17 @@ describe('', () => { expect(container.textContent).toContain('Esto no se resuelve con más esfuerzo.'); expect(container.textContent).toContain('Se resuelve con una estrategia clara.'); }); + it('centres the knot so the conductor thread runs through it', () => { + const { container } = render(); + // The knot is the centred decorative svg of the section; the conductor + // thread runs down the centre, so only a centred knot gets traversed by + // it — stitching the pain to the resolution below. + const centrados = Array.from(container.querySelectorAll('svg')).filter((s) => { + const cls = s.getAttribute('class') ?? ''; + return cls.includes('left-1/2') && cls.includes('-translate-x-1/2'); + }); + expect(centrados.length).toBeGreaterThanOrEqual(1); + }); it('does NOT introduce scarcity', () => { const { container } = render(); expect(container.textContent).not.toMatch(/cupos|cohorte|generación fundadora/i);