Habitica Web VRT - NATHA1096/titans GitHub Wiki

Se definio realizar pruebas de tipo VRT usando la herramienta ResembleJS para analizar y comparar los screenshots tomados en las pruebas E2E para ambos navegadores (Chrome y Firefox) y ver visualmente las comparaciones entre ambos. También usamosos VRT para comparar los screens de cada ejecución de los scripts E2E y BDT

VRT - Chrome vs Firefox - Resultados obtenidos

1. Login

Chrome - Firefox - Resultado VRT

Para este caso pudimos notar que las dimensiones de la imágenes del navegador de Chrome son diferentes a las de Firefox, por tanto podemos evidenciar que en las imágenes resultado de las comparaciones se ven corridos todos los elementos que componen cada página.

VRT - V1 vs V2 - Defectos encontrados

Ahora vamos a hacer comparaciones con ejecuciones 1 y 2 de las pruebas, y asi poder detectar algunos defectos:

1. Login

  • Se evidencia cambios en las posiciones de los textos, debido a que todos aparecen resaltados pero no por la escritura si no parece ser su posicion

Ejecución 1

Ejecución 2

VRT

2. Registro - Crear avatar - Añadir intereses

  • El texto "Get started!" de la página principan cambio de color a un blanco más opaco

Ejecución 1

Ejecución 2

VRT

3. Añadir tareas (Hábito, Tarea diaria, Tarea por hacer, Recompensa) - Búsqueda de tareas - Eliminar tareas

  • Al intentar buscar una tarea la caja de búsqueda es de un color diferente, en la primera ejecución es morada y en la segunda ejecución es gris.

Ejecución 1

Ejecución 2

VRT

  • Al intentar editar una tarea, cuando se edita el nombre la caja donde esta el texto del nuevo nombre es de un color diferente y el color de la letra de este nuevo texto también es diferente.

Ejecución 1

Ejecución 2

VRT

  • Cuando se quiere editar una tarea Diaria, aparece una marca roja debajo del nombre.

Ejecución 1

Ejecución 2

VRT

VRT - V2 vs V3 - Nuevos defectos encontrados

Ahora vamos a hacer comparaciones con ejecuciones 2 y 3 de las pruebas, y asi poder detectar nuevos defectos:

1. Login

  • Se evidencia cambio en el color del boton Login en la pantalla para iniciar sesión

Ejecución 2

Ejecución 3

VRT

  • En la ejecución 3 aparece un cono de helado junto al avatar al iniciar sesión, y tambien se evidencian cambios en el avatar.

Ejecución 2

Ejecución 3

VRT

2. Registro - Crear avatar - Añadir intereses

  • Se ve nuevamente evidencia de que parece haber un cambio en el avatar en la ejecución 3, pero no se han hecho cambios sobre este

Ejecución 2

Ejecución 3

VRT

VRT - V3 vs V4 - Nuevos defectos encontrados

Ahora vamos a hacer comparaciones con ejecuciones 3 y 4 de las pruebas, y asi poder detectar nuevos defectos:

1. Login

  • Para la 4 ejecución corrigieron el defecto del cono de helado que estaba apareciendo al lado del avatar.

Ejecución 3

Ejecución 4

VRT

VRT - BDT - Defectos encontrados

Ahora vamos a hacer comparaciones con ejecuciones de las pruebas BDT-Cucumber, y asi poder detectar algunos defectos:

1. Crear un equipo y editarlo

  • Después de crear un equipo, en el modal para editarlo ya no aparecen dos textos como obligatorios (*) (Privacy Settings y Description)

Ejecución 1

Ejecución 2

VRT