Chromatic — Todos os artigos e tutoriais

Chromatic é a ferramenta de teste visual desenvolvida pela equipe por trás do Storybook. Sua proposta de valor é límpida: se o seu design system vive no Storybook, o Chromatic captura automaticamente cada story, detecta regressões visuais e orquestra a revisão de UI em um workflow integrado ao GitHub. Essa integração nativa é sua força para as equipes React, Vue ou Angular que já investiram no Storybook, e seu limite natural para aquelas que não o utilizam.

Os artigos desta página analisam o Chromatic sob vários ângulos: qualidade do diff visual, ergonomia da revisão, modelo de pricing por snapshot e seu impacto em grandes design systems, integração com GitHub Actions e outros CIs, comparações com Percy, Applitools ou Delta-QA. Também tratamos de casos mais sutis: o que fazer quando se quer testar páginas montadas (e não apenas componentes isolados em story), como gerenciar as variações entre renderização Chromatic Cloud e renderização local, como estimar o custo real com várias centenas de stories. O Chromatic se destaca em seu nicho; o Delta-QA se posiciona em um terreno diferente — páginas web completas, no-code, sem dependência do Storybook nem de um framework específico — e estes artigos ajudam a escolher a ferramenta que realmente corresponde à sua arquitetura front.