Visual Regression Test
Prueba de regresión visual
Una prueba de regresión visual compara la imagen renderizada de hoy con una imagen de referencia aprobada bajo las mismas condiciones del navegador.
Otro ejemplo
Se compara una captura de pantalla de la caja con su referencia aprobada en una configuración de navegador fija. Un anillo de enfoque de teclado recortado aparece como una diferencia de píxeles para revisión. Aceptar cada imagen cambiada sin revisar no es prueba de regresión.
Partes principales
- 01renderizador controlado
- 02línea base aprobada
- 03diferencial revisable
Úsalo cuando
Usa este término para cambios visibles que son difíciles de verificar solamente con los valores del DOM.
No lo uses cuando
No ocultes imágenes inestables con un límite amplio de píxeles ni reemplaces las comprobaciones de significado y comportamiento con capturas de pantalla.
Nombre usado en código
current screenshot Δ approved baseline Antes de lanzarlo
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 Prueba de regresión visual (Visual Regression Test). User context: Se compara una captura de pantalla de la caja con su referencia aprobada en una configuración de navegador fija. Un anillo de enfoque de teclado recortado aparece como una diferencia de píxeles para revisión. Aceptar cada imagen cambiada sin revisar no es prueba de regresión. Validation approach: Prueba de regresión visual (Visual Regression Test). Why it fits: Usa este término para cambios visibles que son difíciles de verificar solamente con los valores del DOM. Do not use it when: No ocultes imágenes inestables con un límite amplio de píxeles ni reemplaces las comprobaciones de significado y comportamiento con capturas de pantalla. 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): Es oficial para esa fuente. Otras plataformas o equipos pueden usar el término de otra manera. Unknowns to confirm: Release gate, environment, prepared test data, allowed error, time budget, owner, and flaky-test rule.
Revisa esta petición
Review how Prueba de regresión visual (Visual Regression Test) is used now. Definition: Una prueba de regresión visual compara la imagen renderizada de hoy con una imagen de referencia aprobada bajo las mismas condiciones del 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.