O Que É um Visual Diff?
Um visual diff é a saída de um teste de regressão visual que renderiza um componente ou página, captura uma imagem e a compara com uma baseline aprovada. Regiões divergentes são destacadas para que revisores possam confirmar ou rejeitar a mudança. A baseline é atualizada assim que uma nova aparência é aceita.
Por que isso importa
Testes funcionais passam mesmo quando um layout quebra ou uma cor muda. Visual diffs capturam regressões de aparência que assertions no DOM não detectariam, especialmente entre browsers e tamanhos de tela.
Reduzindo ruído
- Thresholds de anti-aliasing e renderização de fontes
- Mascarar regiões dinâmicas como timestamps
- Estabilizar animações antes da captura
Guias relacionados
What Is a Snapshot Diff?A snapshot diff is the comparison between a freshly captured snapshot and a stored one, highlighting what cha…
What Is a Pixel Diff?A pixel diff counts or visualizes the individual pixels that differ between two images, often with a toleranc…
What Is a Perceptual Hash?A perceptual hash is a fingerprint of an image that stays similar when the image is slightly altered, letting…