BackstopJS e Delta-QA compartilham um traço raro no mercado: ambos são gratuitos, sem limite de uso e funcionam localmente na sua máquina. Sem nuvem, sem assinatura mensal, sem contador de snapshots que esgota no fim do mês. Mas é praticamente a única coisa que eles têm em comum.
BackstopJS é uma ferramenta open source projetada para desenvolvedores. Delta-QA é um aplicativo desktop pensado para toda a equipe — QA, designers, produtores, qualquer pessoa que precise garantir a qualidade visual de uma interface. A diferença fundamental se resume a uma pergunta: quem vai criar e manter os testes?
A abordagem BackstopJS
BackstopJS funciona a partir de um arquivo de configuração JSON onde você declara as páginas a testar, os viewports desejados e, opcionalmente, áreas a mascarar (elementos dinâmicos, por exemplo). Em seguida, o Puppeteer — o engine de automação do Chrome — captura as páginas e compara os screenshots com baselines armazenados localmente no seu projeto.
Normalmente, um artigo comparativo colocaria aqui o trecho de um arquivo JSON de exemplo para ilustrar a complexidade. Mas convenhamos: em 2026, basta pedir "gere um backstop.json para meu site" à sua IA favorita e o arquivo está pronto em 5 segundos. O que não muda é que você precisa entender a estrutura desse arquivo, mantê-lo atualizado quando as páginas mudam, e depurá-lo quando os testes falham inexplicavelmente.
A ferramenta gera um relatório HTML visual com comparações lado a lado — claro e legível, sem dúvida. Porém, todo o fluxo de trabalho passa pelo terminal: backstop test para executar, backstop approve para aprovar mudanças, backstop reference para gerar novas baselines. Se você é desenvolvedor, isso pode parecer natural. Se você é da equipe de QA, isso é uma barreira.
A abordagem Delta-QA
Delta-QA não exige nenhuma configuração. Sem JSON, sem terminal, sem CLI, sem linha de comando. Você abre o aplicativo, insere a URL do seu site, navega pelas páginas como um usuário normal. A ferramenta registra suas ações automaticamente e captura as páginas nos momentos certos. Para comparar, basta reexecutar o cenário.
O relatório é tão visual quanto o do BackstopJS — comparação lado a lado, diferenças destacadas com clareza, navegação intuitiva entre os resultados. Mas a diferença está no tempo: criar um teste leva 2 minutos em vez de 20. E qualquer pessoa da equipe pode fazer isso, sem depender de um desenvolvedor.
Apenas Chrome vs multi-navegador
BackstopJS funciona exclusivamente com o Puppeteer, ou seja, apenas o Chrome (ou Chromium). Se você precisa testar no Firefox ou no Safari, precisa de outra ferramenta — ou de uma stack complementar que adiciona complexidade ao seu fluxo.
Delta-QA suporta Chrome, Firefox e WebKit (o engine por trás do Safari). E isso não é um luxo: o seu site se exibe de forma diferente de um navegador para outro — é um fato que o teste visual multi-navegador existe para endereçar. Com BackstopJS, essas diferenças passam despercebidas.
Manutenção
Com BackstopJS, cada mudança de URL, cada alteração de identificador de página, cada ajuste de viewport ou zona de mascaramento exige a edição manual do arquivo de configuração. Em um site de 50 páginas, o arquivo JSON se torna longo, frágil e propenso a erros — um único caractere fora do lugar pode quebrar toda a suíte de testes.
Com Delta-QA, modificar um cenário significa simplesmente regravá-lo. Alguns cliques, nenhuma edição de arquivo, nenhum risco de erro de sintaxe. A manutenção é visual e intuitiva.
O custo real do "gratuito"
Ambas as ferramentas são gratuitas. Mas o custo não está na licença — está no tempo.
BackstopJS é gratuito na licença, mas custa tempo de desenvolvedor: configuração inicial, escrita do arquivo JSON, manutenção contínua, depuração de falsos positivos, gerenciamento de baselines. Esse é tempo de desenvolvimento que não está produzindo funcionalidades para o seu produto.
Delta-QA é gratuito na licença e no tempo. A equipe de QA cria testes em minutos, sem envolver um desenvolvedor, sem escrever uma linha de código.
Falsos positivos
BackstopJS realiza um diff de pixels bruto. Variações de anti-aliasing, diferenças de renderização de fontes entre execuções, micro-deslocamentos de sub-pixel — tudo isso gera falsos positivos que exigem triagem manual. Em uma suíte com dezenas de testes, isso se transforma em um problema diário.
Delta-QA utiliza uma comparação estrutural baseada em CSS que não depende da renderização gráfica. O resultado: zero falsos positivos em 429 casos validados. Cada diferença sinalizada é uma diferença real.
BackstopJS se você é desenvolvedor e Chrome sozinho basta. Delta-QA se sua equipe QA quer autonomia e você precisa de multi-navegador.
FAQ
O BackstopJS ainda é mantido?
BackstopJS é um projeto open source comunitário. É mantido de forma menos ativa do que soluções comerciais. Issues e pull requests podem permanecer abertos por longos períodos sem resposta.
Qual é mais rápido de instalar?
Delta-QA: baixe e abra (30 segundos). BackstopJS: npm install backstopjs, crie o arquivo de configuração, gere as baselines (no mínimo 15 a 30 minutos para um setup funcional).
É possível migrar do BackstopJS para o Delta-QA?
Sim. Não há dados a migrar — as baselines são recriadas gravando os cenários no Delta-QA. A migração leva algumas horas para recriar os testes principais.
O BackstopJS suporta jornadas do usuário?
Parcialmente. BackstopJS pode executar scripts do Puppeteer antes da captura (cliques, preenchimento de formulários), mas você precisa escrevê-los em JavaScript. Delta-QA registra as jornadas navegando — sem código, sem script.
BackstopJS e Delta-QA são ambos gratuitos e locais. A diferença cabe em uma frase: BackstopJS exige um desenvolvedor para configurar e manter os testes. Delta-QA permite que qualquer pessoa da equipe os crie em poucos cliques.
Para aprofundar
- Teste Visual Figma-to-Code: Por Que Gerar Código Sem Verificação Visual É um Ato de Fé
- Teste Visual React Native: O Mobile, Filho Negligenciado do Teste Visual
- Teste Visual Remix: Por Que um Framework Full-Stack Torna o Teste Visual Ainda Mais Crítico