← Volver al catálogo
WebSistemaIntermedioGratis

Pruebas de Regresión Visual con Chromatic

Configura Chromatic para capturar snapshots visuales de componentes Storybook y detectar cambios de UI automáticamente en cada PR. Integra revisión visual colaborativa en el pipeline de CI/CD.

Descargar SKILL.md

Descarga abierta · sin registro · para Chromatic, Storybook, GitHub Actions

// resultado_de_ejemplo
Abrir en una pestaña nueva ↗

// qué_hace

Configura pruebas de regresion visual automatizadas para componentes UI mediante Chromatic y Storybook.

// cómo_lo_hace

Instala el CLI de Chromatic, configura snapshots por historia, define modos de tema/viewport y conecta el flujo a CI para revisar diffs visuales en cada pull request.

// ejemplo_de_uso

Necesaria cuando tienes componentes UI en Storybook y quieres detectar automáticamente regresiones visuales en cada PR sin revisión manual. Ej.: un frontend conecta Chromatic al pipeline de GitHub Actions y recibe un diff visual cuando un cambio de CSS desplaza el botón principal.

// plataformas

ChromaticStorybookGitHub Actionsnpm
Categoría
Web
Tipo
Sistema
Nivel
Intermedio
Licencia
Apache-2.0
Seguridad
seguro · riesgo bajo
Versión
1.0.0

// opiniones_de_la_comunidad

Opiniones

Cargando opiniones…

// pase_cultiva_ia

Llévate todo el arsenal con el Pase

Todas las skills, prompts y automatizaciones del catálogo en un único archivo, listas para usar: un pago, acceso de por vida y las novedades que añadamos. Sin suscripción.

Pago único · IVA incluido · pago seguro con Stripe.

Acceso inmediato · si no es lo que esperabas, te devolvemos los 10 €.