Visual Regression Test
Teste de regressão visual
Um teste de regressão visual compara a imagem renderizada de hoje com uma imagem de referência aprovada sob as mesmas condições do navegador.
Outro exemplo
Uma captura de tela de checkout é comparada com sua referência aprovada em uma configuração de navegador fixa. Um anel de foco de teclado cortado aparece como uma diferença de pixels para revisão. Aprovar cada imagem alterada sem verificar não é teste de regressão.
Partes principais
- 01Renderizador controlado
- 02baseline aprovado
- 03diferença revisável
Use-o quando
Use este termo para alterações visíveis que são difíceis de verificar apenas com os valores do DOM.
Não o use quando
Não esconda imagens instáveis com um limite amplo de pixels ou substitua verificações de significado e comportamento por capturas de tela.
Nome usado no código
current screenshot Δ approved baseline Antes de lançar
Check the environment and prepared test data (fixture). Define a result you can observe, failure and edge cases, isolation, stable inputs, useful error details, and cleanup. Set a time budget, owner, and flaky-test rule.
Outcome: Complete the task with Teste de regressão visual (Visual Regression Test). User context: Uma captura de tela de checkout é comparada com sua referência aprovada em uma configuração de navegador fixa. Um anel de foco de teclado cortado aparece como uma diferença de pixels para revisão. Aprovar cada imagem alterada sem verificar não é teste de regressão. Validation approach: Teste de regressão visual (Visual Regression Test). Why it fits: Use este termo para alterações visíveis que são difíceis de verificar apenas com os valores do DOM. Do not use it when: Não esconda imagens instáveis com um limite amplo de pixels ou substitua verificações de significado e comportamento por capturas de tela. Test requirements: Name the system and test environment. Define prepared test data, other inputs, and the result you can observe. Include failure and edge cases, allowed error, isolation, and cleanup. Test operations: Make failures easy to diagnose. Control random or changing inputs. Name an owner. Keep the test fast and simple enough for its release gate. Acceptance criteria: The test fails for the known bug and passes after the fix. It repeats in the target environment, gives useful evidence, and does not expose or change unrelated data. Evidence and limits (evidence boundary): É oficial para essa fonte. Outras plataformas ou equipes podem usar o termo de outra maneira. Unknowns to confirm: Release gate, environment, prepared test data, allowed error, time budget, owner, and flaky-test rule.
Conferir este pedido
Review how Teste de regressão visual (Visual Regression Test) is used now. Definition: Um teste de regressão visual compara a imagem renderizada de hoje com uma imagem de referência aprovada sob as mesmas condições do navegador. Release checks: Check the environment and prepared test data (fixture). Define a result you can observe, failure and edge cases, isolation, stable inputs, useful error details, and cleanup. Set a time budget, owner, and flaky-test rule. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.