43 artigos
A regressão visual designa qualquer desvio de renderização introduzido involuntariamente entre duas versões de uma interface: um padding que pula, uma cor que deriva, um componente que se quebra no mobile após uma atualização de framework. Essas regressões escapam quase sempre aos testes unitários e funcionais, já que o DOM pode permanecer estritamente idêntico enquanto a renderização visível se degrada. Detectar esses desvios exige uma baseline estável, uma captura determinística e um diff capaz de distinguir os bugs reais das variações cosméticas inofensivas (anti-aliasing, animações, dados dinâmicos).
Esta página reúne os artigos dedicados ao ciclo baseline-captura-comparação-validação: como construir uma baseline confiável, como gerenciar os falsos positivos ligados às fontes ou aos pixels mobile, como integrar um workflow de validação manual dos diffs em uma equipe QA. Você também encontrará retornos sobre as armadilhas clássicas (refatoração CSS em massa, migração Angular ou React, mudança de CDN de imagens) que transformam um deploy banal em caça ao bug visual. O Delta-QA se inscreve nessa disciplina com uma abordagem desktop e local, mas o tema vai muito além da ferramenta: trata-se antes de tudo de uma metodologia que se afina ao longo dos projetos, e estes artigos buscam compartilhar o que realmente funciona na prática, independentemente da stack utilizada.
CMS, framework, redesign — cada migração traz risco massivo de regressão visual. Descubra como capturar uma baseline antes da migração e comparar sistematicamente com o novo site.
Ler mais →
Os micro-frontends permitem que várias equipes entreguem de forma independente, mas criam um risco de regressão visual na integração. O teste visual automatizado é a única rede de segurança que verifica o que o usuário realmente vê.
Ler mais →
As baselines são o coração do teste visual. Descubra como geri-las, versioná-las, revisá-las e evitar os erros que tornam uma ferramenta de teste visual inutilizável.
Ler mais →
Testes visuais instáveis (flaky) destroem a confiança da sua equipe. Descubra por que acontecem e as estratégias concretas para estabilizá-los definitivamente.
Ler mais →
Os falsos positivos são a principal causa de abandono do teste visual. Descubra por que ocorrem (antialiasing, fontes, renderização sub-pixel) e soluções concretas para eliminá-los.
Ler mais →
Comparar o DOM ou comparar screenshots? Ambas as abordagens de detecção de regressão têm limitações. Descubra por que a comparação estrutural combina o melhor dos dois mundos.
Ler mais →
Integrar o teste visual mais cedo no pipeline CI/CD — não apenas no final da cadeia. Descubra como o shift-left do teste visual se insere na cultura DevOps e melhora suas métricas DORA.
Ler mais →
A dívida técnica visual — esses desalinhamentos CSS e inconsistências de design que se acumulam sprint após sprint — degrada silenciosamente a qualidade percebida do seu produto. Descubra como o teste visual permite detectá-la e pagá-la.
Ler mais →
Screenshotbot é um serviço SaaS leve de comparação de screenshots em CI. Delta-QA é uma ferramenta desktop no-code. Duas abordagens radicalmente diferentes de teste visual. Comparativo completo.
Ler mais →