Blog

O screenshot testing, ou teste por capturas de tela, é a abordagem mais direta do teste visual: captura-se o estado renderizado de uma página ou de um componente, compara-se a uma captura de referência e sinaliza-se qualquer diferença. Este método, às vezes chamado snapshot testing UI, agrada por sua simplicidade conceitual e sua cobertura transversal — um único screenshot verifica em bloco o layout, as cores, a tipografia, as imagens e o estado dos componentes. Em contrapartida, exige uma disciplina real sobre o determinismo da renderização: fontes carregadas antes da captura, dados congelados, animações desativadas, viewport estável.

Os artigos aqui agrupados detalham as boas práticas: escolha entre screenshots full-page e por componente, gestão das zonas dinâmicas (datas, contadores, carrosséis), estratégias de nomenclatura e versionamento das baselines, comparação com outras abordagens como o DOM snapshot ou o teste de acessibilidade automatizado. Também abordamos os limites honestos do método, notadamente o ruído gerado pelas renderizações entre OSs e o custo de manutenção das baselines em um design system ativo. O Delta-QA repousa sobre essa mecânica de capturas, com foco nas páginas web completas em vez de nos componentes isolados; o objetivo desta página é ajudar cada um a escolher a ferramenta e a granularidade adaptadas ao seu contexto.