Chromatic é a ferramenta de referência para teste visual de componentes de UI via Storybook. O Delta-QA testa páginas web completas com percursos de usuário reais. Não são concorrentes diretos — são dois níveis diferentes de teste. E compreender a diferença evita que você ache que está protegido quando, na verdade, está apenas parcialmente coberto.
O Que o Chromatic Testa
O Chromatic captura cada story do Storybook e compara com sua versão anterior. Um botão em seus 5 estados. Um card com títulos curtos e longos. Um formulário vazio e pré-preenchido.
É poderoso para proteger uma biblioteca de componentes. Qualquer modificação em um componente compartilhado é detectada imediatamente. A interface de revisão é excelente para a colaboração entre designers e desenvolvedores.
O problema é que o Chromatic testa componentes em isolamento. Um componente sozinho, em um contêiner neutro, sem contexto de página. E é exatamente aí que os bugs se escondem.
O Que o Delta-QA Testa
O Delta-QA testa páginas completas. Não componentes isolados — páginas reais com layouts reais, conteúdo real, componentes reais interagindo entre si.
Um componente Card perfeito no Storybook pode quebrar quando colocado em um grid de 3 colunas com uma barra lateral. Um botão validado em isolamento pode desaparecer atrás de um rodapé em contexto real. Um formulário impecável em uma story pode transbordar seu contêiner quando integrado em um modal.
Esses bugs? O Chromatic não os vê. O Delta-QA vê, porque testa o que os usuários realmente enxergam — a página completa, em um navegador real, com conteúdo real.
O Pré-requisito Storybook
O Chromatic exige o Storybook. Se o seu projeto não utiliza o Storybook, o Chromatic não faz sentido. E configurar o Storybook exclusivamente para teste visual é um investimento considerável: escrever stories para cada componente, mantê-las atualizadas, gerenciar dados de demonstração.
O Delta-QA não exige nada. Sem Storybook, sem framework específico, sem código. Você tem um site? Você pode testá-lo.
Cloud vs Local
O Chromatic é exclusivamente na nuvem. Suas capturas de tela são enviadas e armazenadas na infraestrutura do Chromatic. Não há opção de hospedagem própria (self-hosted).
O Delta-QA é local por padrão. Tudo permanece na sua máquina. Nenhum dado sai.
Preços
Chromatic: 5.000 snapshots grátis/mês, só Chrome. Multi-navegador a partir de $179/mês. Delta-QA Desktop é gratuito sem limite.
FAQ
Chromatic funciona sem Storybook?
Está se abrindo para Playwright e Cypress, mas são integrações ainda jovens.
O Chromatic vem se abrindo para o Playwright e o Cypress desde 2025, mas essas integrações ainda são recentes. Na prática, o Storybook continua sendo o principal pré-requisito.
Um componente perfeito no Storybook pode quebrar em uma página?
Sim. O isolamento do Storybook mascara as interações com o layout pai, os componentes vizinhos, o conteúdo real e as restrições de tela. Essa é a principal armadilha do teste de componentes isolados.
É possível usar o Chromatic e o Delta-QA juntos?
Sim, e essa é a abordagem recomendada. Chromatic para componentes, Delta-QA para páginas. Cada ferramenta cobre um nível diferente.
Qual é mais rápido para configurar?
Delta-QA: alguns minutos. Chromatic: de várias horas a alguns dias (configuração do Storybook + escrita das stories + configuração de CI).
O Chromatic testa componentes de UI isolados via Storybook. O Delta-QA testa páginas web completas e percursos de usuário reais — sem Storybook, sem código, sem habilidades técnicas.
Para aprofundar
- Delta-QA vs Chromatic: Componentes Isolados ou Páginas Completas?
- Teste visual em design systems: componentes isolados vs páginas completas
- Storybook e Teste Visual: Por Que Testar Componentes Isolados Não É Suficiente