Storybook — Todos los artículos y tutoriales

Storybook se ha impuesto como el entorno de referencia para desarrollar, documentar y probar componentes UI aislados. Para los equipos que mantienen un design system, cada story se convierte en un objetivo natural de pruebas visuales: un componente renderizado en un estado preciso, sin dependencia aplicativa, perfectamente reproducible. Esta granularidad fina permite detectar una regresión visual a nivel de botón o de card, antes incluso de que se propague a una página ensamblada.

Los artículos de esta página tratan el ecosistema Storybook desde el ángulo de las pruebas visuales: integración con Chromatic (la herramienta nativa del equipo Storybook), alternativas como Loki, Storyshots o Playwright component testing, gestión de los decoradores y de los estados (hover, focus, dark mode), buenas prácticas para hacer las stories deterministas. También se aborda la pregunta recurrente: ¿hay que probar únicamente los componentes en story, o también las páginas reales que los ensamblan? Los dos enfoques son complementarios, y es precisamente ahí donde Delta-QA se inscribe: en las pruebas de las páginas web renderizadas en condiciones reales, como complemento de una cobertura de componentes asegurada por Storybook. Esta página ayuda a estructurar una estrategia coherente entre los dos niveles.