hernandavidc / misw4103_202315_tsdc

Proyecto MISW para pruebas automatizadas software

Release README

Participantes

Este release fue realizado por los siguientes estudiantes:

• Hernan David Alvarez Caballero - [email protected]
• David Pareja Arango - [email protected]
• Lucia Colorado - [email protected]
• Alejandro Colorado - [email protected]

Semana 8

Para la implementación de pruebas E2E se utilizo el Cypress para la versión 5.71, en su readme se puede apreciar los pasos para ejecutar la prueba de la semana 8: Guía de ejecución de los escenarios con estrategias de datos Cypress

Semana 7

Instalación y Ejecución de los 120 escenarios de pruebas.

Cypress

Para la ejecución de los 64 escenarios en cypress se debe seguir la siguiente guía: Guía de ejecución de los escenarios con estrategias de datos Cypress

Kraken

Para la ejecución de los 60 escenarios en kraken se debe seguir la siguiente guía: Guía de ejecución de los escenarios con estrategias de datos Kraken

Semana 6

Video entrega semana 6

Instalación y Ejecución de Pruebas

Pruebas de validación con Resemble y BackStop con Kraken

Para instalar y ejecutar las pruebas con Resemble y BackStop con Kraken, consulta la guía en el siguiente enlace: Guía de Instalación y Ejecución con Resemble y BackStop con Kraken

Pruebas de validación con Resemble con cypress

Para instalar y ejecutar las pruebas con Resemble y cypress, consulta la guía en el siguiente enlace: Guía de Instalación y Ejecución con Resemble con cypress

Pasos entrega semana 5

Pruebas en Kraken

Para instalar y ejecutar las pruebas automatizadas con Kraken, sigue el paso a paso detallado en el siguiente enlace: Guía de Instalación y Ejecución con Kraken

Pruebas con Cypress

Para instalar y ejecutar las pruebas con Cypress, consulta la guía en el siguiente enlace: Guía de Instalación y Ejecución con Cypress

---

Notas Adicionales

Nota: para la entrega de la semana 6 se hosteo las plataformas en la nube

• v4.48: http://ec2-18-191-49-64.us-east-2.compute.amazonaws.com:2368/ghost/#/signin

User: [email protected]

• v5.71: http://ec2-18-117-254-197.us-east-2.compute.amazonaws.com:2368/ghost/#/signin (Antiguo Host: https://ghost-test-e23.digitalpress.blog/ghost/#/signin)

User: [email protected]

Para los dos casos la pass: QWER1234..

---

misw4103_202315_tsdc's Issues

Especificar las dimensiones del elemento de carga diferida

COMPORTAMIENTO ESPERADO

El comportamiento deseado sería especificar las dimensiones exactas del elemento que se cargará de manera diferida. Al hacerlo, el navegador puede reservar el espacio necesario en la página desde el principio, lo que evita cambios inesperados en el diseño y mejora la experiencia del usuario al evitar saltos visuales.

COMPORTAMIENTO ACTUAL

El mensaje de advertencia indica que un elemento que se está cargando de manera diferida no tiene dimensiones específicas definidas (es decir, atributos width y height). Cuando no se especifican estas dimensiones, el navegador no puede reservar el espacio adecuado para el elemento antes de que se cargue. Este es una recomendación para mejorar el rendimiento de la página. Asegúrate de que todos los elementos con carga diferida tengan dimensiones especificadas para evitar cambios en el diseño y proporcionar una mejor experiencia de usuario.

PASOS PARA REPRODUCIR DEFECTO

1. Análisis de código estático

EVIDENCIAS

{ "_type": "info", "_text": "An element was lazyloaded with loading=lazy, but had no dimensions specified. Specifying dimensions improves performance. See https://crbug.com/954323", "_args": [], "_location": { "url": "http://localhost:2369/post-de-prueba/", "lineNumber": 247 } }

CONTEXTO

En esta sección se debe detallar el contexto en el que fue ejecutado el escenario de prueba.

• OS: macOS Ventura 13.6
• Browser Google Chrome

Estrategia de datos - Escenario cuando un tag supera la longitud máxima en un post draft

COMPORTAMIENTO ESPERADO

En la configuración de un post en estado DRAFT, al ingresar un tag que exceda la longitud de 190 caracteres, se debe mostrar un mensaje indicando al usuario que el tag ingresado supera la longitud máxima.

COMPORTAMIENTO ACTUAL

En la configuración de un post DRAFT, al ingresar un tag que exceda la longitud de 190 caracteres, se oprime el botón publicar, luego se confirma la publicación y se muestra que no se ha podido validar el post por lo que hay un error.

PASOS PARA REPRODUCIR DEFECTO

1. Iniciar sesión.
2. Seleccionar la opción de posts en draft.
3. Elegir un post que esté en draft para editar
4. Abrir la configuración del post
5. Introducir un tag con una longitud superior a 190 caracteres
6. Presionar el botón publish
7. Presionar el botón Continue, final review
8. Dar en la opción publish post, right now
9. Observar que hasta esta instancia sale un mensaje validando que ha habido un error.
   EVIDENCIAS

---

Siguiendo los pasos antes mencionados, se puede observar que hasta la última instancia de publicar el post, a penas se muestra un mensaje de error:

CONTEXTO

Ghost 5.71

INFORMACIÓN ADICIONAL

Crear blog post con fecha de publicación en un formato incorrecto

COMPORTAMIENTO ESPERADO

Al crear un nuevo post y diligenciar una fecha con un formato incorrecto, se debe mostrar un mensaje de error al usuario debajo del campo que contiene la información incorrecta

COMPORTAMIENTO ACTUAL

Al crear un nuevo post y diligenciar una fecha con un formato incorrecto, la aplicación no está mostrando un mensaje de error debajo del campo con información incorrecta y deja publicar el post.

PASOS PARA REPRODUCIR DEFECTO

Los pasos para reproducir el defecto son:

1. En le menú lateral izquierdo seleccionar la opción Posts
2. En la ventana de Posts, seleccionar la opción "New Post"
3. Diligenciar una fecha con una hora en valor negativo
4. Se observa que no se muestra un mensaje de error debajo del campo con información incorrecta.

EVIDENCIAS

Imagen:
No se visualiza un mensaje con error al momento de ingresar mal la hora.

Vídeo: Debe tener iniciada la sesión con el correo institucional uniandes
Escenario Crear blog post con fecha de publicación en un formato incorrecto

CONTEXTO

• OS: macOS Ventura 13.6
• Browser Google Chrome
• Version 118.0.5993.70

INFORMACIÓN ADICIONAL

Se debe poner el mensaje de validación con el error que permite identificar que una fecha no cumple el formato para las fechas.

Crear blog post sin título

COMPORTAMIENTO ESPERADO

Al crear un nuevo post, la aplicación no debe permitir la publicación de un post que no contenga título.

COMPORTAMIENTO ACTUAL

Al crear un post, el título no se diligencia y la aplicación permite publicar un post sin su respectivo título.

PASOS PARA REPRODUCIR DEFECTO

Los pasos para reproducir el defecto son:

1. En le menú lateral izquierdo seleccionar la opción Posts
2. En la ventana de Posts, seleccionar la opción "New Post"
3. Diligenciar una descripción para el post, pero no agregar el título
4. Seleccionar la opción "publish"
5. Confirmar la publicación del post
6. Volver a la ventana de Posts como se indica en el paso 1
7. El nuevo post se puede visualizar en el listado de posts y no tiene un título asociado.

EVIDENCIAS

Imagen:

Vídeo: Debe tener iniciada la sesión con el correo institucional uniandes
Escenario Crear blog post sin título

CONTEXTO

• OS: macOS Ventura 13.6
• Browser Google Chrome
• Version 118.0.5993.70

INFORMACIÓN ADICIONAL

Se debe verificar que el campo título no esté vacío, si está vacío se debe mostrar un mensaje de error a la hora de publicar el post.

Estrategia final - VRT resemble diferencias en el home

COMPORTAMIENTO ESPERADO

En el home de la versión de Ghost 5.71 se debería corresponder en cierta medida con el home de la versión 4.48, sin embargo para que los usuarios no tengan que re-aprender la navegabilidad del sitio.

COMPORTAMIENTO ACTUAL

En el home de la versión Ghost 5.71 hay bastantes diferencias visuales con respecto a la versión de Ghost 4.48 en donde se muestra más información de los post publicados y formas de suscripción diferentes.

PASOS PARA REPRODUCIR DEFECTO

En ambas aplicaciones

1. Dirigirse al home
2. Apreciar las diferencias visuales.

EVIDENCIAS

Porcentaje superior al 30 % en el home:

Imagen Ghost 4.48 y 5.71

Estrategia final - Subscribe newsletter

COMPORTAMIENTO ESPERADO

Se espera que el usuario final quede asociado a un newslettter, el boton de submit tenga un icono de check y se reciba un correo de confirmación.

COMPORTAMIENTO ACTUAL

No se envia el formulario y nunca obtengo realimetación de lo que esta sucediendo, solo se queda freeze.

PASOS PARA REPRODUCIR DEFECTO

1. En el home se tiene 2 formularios de inscripción directos
2. Tipear en cualquiera de los dos formularios un correo valido
3. Clic en enviar

EVIDENCIAS

CONTEXTO

En esta sección se debe detallar el contexto en el que fue ejecutado el escenario de prueba.

• OS: Windows 11
• Browser: Chrome
• Version: Ghost 5.71

INFORMACIÓN ADICIONAL

Estrategia de datos - Escenario cuando se agrega a la configuración de un post publicado un tag

COMPORTAMIENTO ESPERADO

En la configuración de un post, al ingresar un tag que exceda la longitud de 190 caracteres, se debe mostrar un mensaje indicando al usuario que el tag ingresado supera la longitud máxima.

COMPORTAMIENTO ACTUAL

En la configuración de un post, al ingresar un tag que exceda la longitud de 190 caracteres, el sistema está mostrando en la parte superior de la página del post un mensaje de validación de nombre, esto es confuso para el usuario ya que no se sabe cuál es el campo con información errónea y no se menciona que es el campo tag.

PASOS PARA REPRODUCIR DEFECTO

1. Iniciar sesión.
2. Seleccionar la opción de posts.
3. Elegir un post que esté publicado para editar
4. Abrir la configuración del post
5. Introducir un tag con una longitud superior a 190 caracteres
6. Presionar el botón update o actualizar.
7. Se puede apreciar que no aparece la validación del tag, aparece otro mensaje de validación en la parte superior de la página que es genérica.

EVIDENCIAS

Al introducir un tag con longitud superior a 190 caracteres, este es el resultado:

CONTEXTO

Ghost 5.71

INFORMACIÓN ADICIONAL

Para introducir un tag superior a 190 caracteres, se puede probar con:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut

Estrategias de datos - Escenario cuando se ingresa un formato de hora válido.

COMPORTAMIENTO ESPERADO

Cuando se desea ingresar un formato de hora en la sección de configuración del post, al ingresar un formato correcto (00:00 o HH:mm), pero con una hora fuera del rango permitido, por ejemplo, la hora 32, el sistema debería mostrar un mensaje indicando que la hora está fuera del rango.

COMPORTAMIENTO ACTUAL

Cuando se desea ingresar un formato de hora en la sección de configuración del post, al ingresar un formato correcto (00:00 o HH:mm), pero con una hora fuera del rango permitido, por ejemplo, la hora 32, el sistema no muestra un mensaje indicando que la hora está fuera del rango, en su lugar, muestra un mensaje indicando que el formato es incorrecto.

PASOS PARA REPRODUCIR DEFECTO

1. Iniciar sesión.
2. Seleccionar la opción de posts.
3. Elegir un post para editar
4. Abrir la configuración del post
5. En el campo para ingresar la hora, ingresar un formato fuera del rango de hora, por ejemplo 32:14 (Tener en cuenta que la hora máximas es 23)
6. Se puede apreciar que el mensaje de validación es Must be in format: "15:00".

EVIDENCIAS

Al ingresar el formato de hora 32:14 se evidencia el mensaje:

CONTEXTO

Ghost 5.71

CONTEXTO
INFORMACIÓN ADICIONAL

Hora máxima 23 y no puede ser negativa.

COPIAR Y PEGAR TEXTO CON MARKDOWN

COMPORTAMIENTO ESPERADO

En el comportamiento esperado al copiar y pegar texto con formato Markdown:

1. Conservación del Formato: Cuando un usuario copia y pega un fragmento de texto que contiene formato Markdown (por ejemplo, texto entre comillas invertidas (code) o asteriscos (énfasis)), el editor debería conservar el formato original.
2. Identificación de Elementos de Markdown: El editor debería ser capaz de identificar y reconocer automáticamente los elementos de Markdown en el texto copiado y pegado, como bloques de código, texto en negritas o cursivas, enlaces, listas, encabezados, etc.
3. Compatibilidad con Sintaxis Markdown: Debería ser compatible con la sintaxis Markdown estándar para que los usuarios puedan copiar y pegar texto con Markdown desde fuentes externas, como sitios web o documentos, y que el editor aplique el formato adecuado.
4. Facilidad de Edición: Los usuarios deben poder editar el texto copiado con Markdown sin que se pierda su formato. Esto implica que el editor debe permitir cambios en el formato Markdown, como modificar el contenido de un enlace o editar el texto resaltado.

COMPORTAMIENTO ACTUAL

En el comportamiento actual al copiar y pegar texto con formato Markdown:

1. Pérdida de Formato: Al copiar y pegar un fragmento de texto con formato Markdown, el editor puede perder el formato original y mostrar el texto como si fuera plano, sin aplicar ningún formato de Markdown.
2. Falta de Reconocimiento: El editor puede no reconocer automáticamente los elementos de Markdown en el texto copiado y pegado, lo que resulta en la pérdida de la estructura y formato original.
3. Necesidad de Formateo Manual: Los usuarios pueden verse obligados a aplicar manualmente el formato de Markdown después de pegar el texto, lo que puede ser una tarea tediosa y propensa a errores.
4. Incompatibilidad con Sintaxis Markdown: Puede que el editor no sea compatible con la sintaxis Markdown estándar, lo que hace que no sea posible copiar y pegar texto con Markdown desde fuentes externas de manera efectiva.
5. Dificultad en la Edición: La falta de reconocimiento y formato de Markdown puede dificultar la edición de texto copiado, ya que los usuarios deben esforzarse por aplicar el formato correcto nuevamente después de pegar.

PASOS PARA REPRODUCIR DEFECTO

1. Ir a crear o editar un post / pagina
2. En su descripción copiar y pegar texto con markdown, por ejemplo desde un word

EVIDENCIAS

Prueba copy-past texto con markdown

CONTEXTO

En esta sección se debe detallar el contexto en el que fue ejecutado el escenario de prueba.

• OS: [Windows 11
• Browser: Chrome - Version 118.0.5993.70 (64-bit)
• Viewport: 1414px x 923px | Tamaño de pantalla: 1920px x 1080px

Envio de email subscripcion en la pagina principal

COMPORTAMIENTO ESPERADO

Se espera que al enviar el campo de email este realice la subscripcion a la pagina.

COMPORTAMIENTO ACTUAL

En el Site, estando en Home se encuentra en la parte superior un campo y un boton subyacente de "Subscribe", en este al llenar el campo con el Email, no realiza la subscripción.

PASOS PARA REPRODUCIR DEFECTO

1. Llenar formulario
2. Enviar formulario en "Subscribe"
3. Ver error

EVIDENCIAS

CONTEXTO

• Device: [e.g. Laptop ]
• OS: [e.g. Windows 11]
• Browser [e.g. Google Chrome]
• Version [e.g. 22]

Estrategias de datos - Escenario cuando la contraseña es incorrecta en el login.

COMPORTAMIENTO ESPERADO

Cuando un usuario intenta iniciar sesión y pone un correo correcto, pero una contraseña incorrecta, el sistema debe mostrar un mensaje indicando que la contraseña es incorrecta, además, el mensaje no debe contener espacios innecesarios.

COMPORTAMIENTO ACTUAL

Cuando un usuario intenta iniciar sesión y pone un correo correcto, pero una contraseña incorrecta, el sistema muestra un mensaje indicando que la contraseña es incorrecta, pero al final del mensaje se pone un espacio que no es necesario o no tiene razón de ser.

PASOS PARA REPRODUCIR DEFECTO

1. Ingresar a la página de login: https://ghost-test-e23.digitalpress.blog/ghost/#/signin
2. Ingresar un correo electrónico correcto
3. Ingresar un contraseña incorrecta.
4. Sign in
5. Seleccionar el texto "Your password is incorrect. " y apreciar que al final contiene un espacio y además se hace explícito en el html.

EVIDENCIAS

Cuando se intenta iniciar sesión y la contraseña es incorrecta, aparece el mensaje de validación con un espacio extra al final:

Si se inspecciona el HTML, se puede apreciar dicho espacio:

CONTEXTO

Ghost 5.71

INFORMACIÓN ADICIONAL

Se puede utilizar el navegador Chrome para la inspección del html de la página ya que otros navegadores, como Safari, pueden ser menos intuitivos.

Estrategia de datos - Escenario cuando se crea tag con data naughty

COMPORTAMIENTO ESPERADO

En la creacion de un tag usando data naughty, los campos nombre y descripcion generan alerta sobre un valor incorrecto.

COMPORTAMIENTO ACTUAL

En la creacion de un tag usando data naughty, los campos nombre y descripcion no generan alerta sobre un valor de data incorrecto.

PASOS PARA REPRODUCIR DEFECTO

1. Iniciar sesión.
2. Seleccionar la opción de tags en.
3. Crear nuevo tag
4. Colocar campos naughty
5. Guardar

EVIDENCIAS

CONTEXTO

• OS: [e.g. iOS8.1]
• Browser [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
• Version [e.g. 22]

INFORMACIÓN ADICIONAL

Estrategia de datos - Escenario validar longitud POST URL

COMPORTAMIENTO ESPERADO

Cuando se ingresa a editar un post, en la sección de configuración se presenta un campo para editar la URL del post, al poner una URL de más de 185 caracteres, el sistema debería mostrar un mensaje al usuario de que la URL está por fuera del máximo permitido y que se acortará hasta los 185 caracteres.

COMPORTAMIENTO ACTUAL

Cuando se ingresa a editar un post, en la sección de configuración se presenta un campo para editar la URL del post, al poner una URL de más de 185 caracteres, el sistema no advierte al usuario que la longitud del campo supera el máximo permitido de 185 caracteres y automáticamente la recorta, esto evita que el usuario perciba el acortamiento que el sistema hace.

PASOS PARA REPRODUCIR DEFECTO

1. Iniciar sesión.
2. Seleccionar la opción de posts.
3. Elegir un post para editar
4. Abrir la configuración del post
5. Diligenciar en el Campo Post URL un texto de más de 185 caracteres.
6. Observar que el sistema no muestra un mensaje al usuario y automáticamente acorta la URL.
7. Volvemos al listado de post.
8. Seleccionamos nuevamente el post que se acaba de editar
9. Abrir la configuración del post.
10. Para visualizar mejor el texto en el campo Post URL, se puede dar clic derecho e inspeccionar.
11. Se puede observar que el texto está recortado.

EVIDENCIAS

Se toma un texto con 574 caracteres:

Se pone el texto en el campo Post URL y se puede observar en el inspeccionar, que en la etiqueta p está todo el texto:

Si salimos del post y volvemos a ingresar, al presionar clic derecho -> Inspeccionar, podemos ver que el texto está reducido:

CONTEXTO

Ghost 5.71

INFORMACIÓN ADICIONAL

Se puede verificar la longitud de los textos ingresados y la que el sistema pone al recortar textos muy largo en el google translator.

Visualizar Markdown en el editor

COMPORTAMIENTO ESPERADO

1. Visualización de la Entrada: Cuando un usuario ingrese texto en formato Markdown en el editor, el texto debería mostrarse como caracteres simples, mostrando la sintaxis de Markdown en sí, sin ningún tipo de renderizado o formato. Esto significa que caracteres especiales como asteriscos (*), guiones bajos (_), o comillas invertidas (`) deberían aparecer tal como se escriben.
2. Vista Previa: Opcionalmente, puede haber un panel de vista previa/switch junto al editor. En esta vista previa, el texto en formato Markdown debería ser renderizado en contenido formateado a medida que el usuario escribe. Esta vista previa debería actualizarse dinámicamente, reflejando los cambios realizados en el texto en formato Markdown.
3. Funcionalidades de Markdown: El editor debe admitir características comunes de Markdown, como encabezados, listas, enlaces, imágenes, bloques de código y énfasis (negritas e itálicas), y renderizarlos con precisión en el panel de vista previa.
4. Capacidades de Edición: Los usuarios deben poder editar y manipular el texto en formato Markdown, incluyendo agregar, eliminar o modificar contenido. Los atajos de teclado o las opciones de la barra de herramientas pueden mejorar la experiencia de edición.
5. Bloques de Código: Cuando se ingresen bloques de código utilizando triple comillas invertidas (```), el código debe mostrarse en una fuente monoespaciada sin ningún tipo de resaltado de sintaxis dentro del editor. Sin embargo, en la vista previa, debería mostrarse con resaltado de sintaxis según el lenguaje de programación especificado.
6. Caracteres de Escape: Si un usuario desea mostrar un carácter especial de Markdown tal como es (por ejemplo, un asterisco) sin que sea interpretado como formato, debería poder escaparlo utilizando una barra invertida () antes del carácter.

COMPORTAMIENTO ACTUAL

En el comportamiento actual del editor de Markdown, al escribir directamente en formato Markdown, el texto se formatea automáticamente, lo que puede dificultar la edición y la distinción entre los elementos de Markdown. Los aspectos clave de este comportamiento son los siguientes:

1. Autoformato en Tiempo Real: Cuando un usuario ingresa texto en formato Markdown en el editor, el texto se formatea automáticamente en tiempo real a medida que se escriben los caracteres. Esto significa que, por ejemplo, al escribir un título, como "# Título", el editor lo convierte instantáneamente en un encabezado de primer nivel, lo que dificulta la edición del título en bruto.
2. Dificultad en la Edición de Títulos: La autoformatación automática de los encabezados hace que sea difícil distinguir entre diferentes niveles de encabezados. Por ejemplo, escribir un encabezado de tercer nivel ("### Título 3") se convertiría automáticamente en un encabezado de tercer nivel, lo que puede hacer que sea complicado editar el texto del encabezado sin afectar su nivel de formato.
3. Pérdida de la Sintaxis Cruda de Markdown: El editor no muestra la sintaxis de Markdown en bruto tal como se escribe, lo que significa que los caracteres especiales de Markdown, como asteriscos (*), guiones bajos (_), y comillas invertidas (`), se convierten en elementos formateados en lugar de mostrarse como texto plano. Esto dificulta la edición y la revisión de la sintaxis original.
4. Falta de Control Fino: Los usuarios pueden encontrar limitada la capacidad de tener un control preciso sobre la estructura y el formato del texto en Markdown, ya que la autoformatación puede interferir con las intenciones del usuario.
5. Necesidad de Escapar Caracteres: Si un usuario desea mostrar un carácter especial de Markdown como texto plano, debe escaparlos manualmente utilizando una barra invertida () antes del carácter, lo que puede ser un proceso tedioso.

PASOS PARA REPRODUCIR DEFECTO

1. Ir a editar pagina / post
2. Cambiar el contenido/descripción de las entidades

Desde el manu lateral:

1. Ir a editar pagina / post
2. Agregar contenido
3. Hacer clic al menu desplegable de la derecha
4. Hacer clic a la ultima contenedor "Keyboard shortcuts"
5. Seleccionar el contenido a formatear
6. Hacer clic en el formato deseado en el menu de la derecha abierto anteriormente

EVIDENCIAS

• Video one drive - Prueba markdown

• El acceso requiere una cuenta institucional UniAndes

CONTEXTO

• OS: [Windows 11
• Browser: Chrome - Version 118.0.5993.70 (64-bit)
• Viewport: 1414px x 923px | Tamaño de pantalla: 1920px x 1080px

Estrategia de datos - Crear un Member el campo Name no valida que los datos ingresados no sean números

COMPORTAMIENTO ESPERADO

Durante la creación de un nuevo miembro, se ingresa una cadena de números en el campo Name. Deberia rechazar este campo

COMPORTAMIENTO ACTUAL

Durante la creación de un nuevo miembro, se ingresa una cadena de números en el campo Name. Posteriormente se agrega un correo en el formato adecuado y se da click en guardar. El sistema crea el miembro con los datos ingresados.

PASOS PARA REPRODUCIR DEFECTO

1. Navegar a la sección de Members
2. Click en New Member
3. En el campo Name ingresar una cadena de números.
4. En el campo email ingresar un correo con formato válido.
5. Dar click en el botón Save.
6. El miembro es creado en el sistema con los datos ingresados

EVIDENCIAS
---

CONTEXTO

• OS: [e.g. iOS8.1]
• Browser [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
• Version [e.g. 22]

INFORMACIÓN ADICIONAL

Estrategia de datos - Escenario cuando se crear un tag con un color asignado

COMPORTAMIENTO ESPERADO

En la creacion de un tag, se solicita que el color este dado en formato hex.

COMPORTAMIENTO ACTUAL

En la creacion de un tag, se solicita que el color este dado en formato hex, lo cual genera una alerta respecto a que no esta bien el formato.

PASOS PARA REPRODUCIR DEFECTO

1. Realizar el inicio de Secion
2. Ir en el menu a el desplegable Tags
3. Seleccionar new Tag
4. Crear tag con un color en formato Hex
5. Genera error

EVIDENCIAS

CONTEXTO

En esta sección se debe detallar el contexto en el que fue ejecutado el escenario de prueba.

• OS: [e.g. iOS8.1]
• Browser [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
• Version [e.g. 22]

INFORMACIÓN ADICIONAL

Crear página y elementos de la configuración desalineados

COMPORTAMIENTO ESPERADO

Al crear una nueva página, la sección de configuración debe tener alineados los campos y atributos que se puedan configurar en la página, por lo que no se debería presentar un scroll horizontal.

COMPORTAMIENTO ACTUAL

Al crear una nueva página, la sección de configuración está presentando un scroll horizontal, esto es debido a que el elemento "feature this page" y "Show title and feature image" contiene cada uno un switch que no está alineado.

PASOS PARA REPRODUCIR DEFECTO

Los pasos para reproducir el defecto son:

1. En le menú lateral izquierdo seleccionar la opción Pages
2. En la ventana de Pages, seleccionar la opción "New page"
3. Seleccionar la sección de configuración de página
4. Se observa que está presente un scroll horizontal en la configuración ya que hay dos switch que no está alineado, estos switch corresponden a los elementos "feature this page" y "Show title and feature image".

EVIDENCIAS

Imagen:

Vídeo: Debe tener iniciada la sesión con el correo institucional uniandes
Crear página y elementos de la configuración desalineados

CONTEXTO

• OS: macOS Ventura 13.6
• Browser Google Chrome
• Version 118.0.5993.70

INFORMACIÓN ADICIONAL

Se deben alinear los switches de los campos "feature this page" y "Show title and feature image" de tal forma que queden alineados con los elementos que están en la parte superior e inferior de los switch, de esta manera se puede desaparecer el Scroll horizontal.

Editar blog post cuando la hora sobrepasa el límite permitido

COMPORTAMIENTO ESPERADO

Al editar un post, la aplicación debe mostrar un mensaje de error al usuario que indica si la hora que está ingresando está en el rango permitido.

COMPORTAMIENTO ACTUAL

Al editar un post, la aplicación no le muestra al usuario un mensaje de error cuando la hora ingresada sobrepasa el límite de hora permitido.

PASOS PARA REPRODUCIR DEFECTO

Los pasos para reproducir el defecto son:

1. En le menú lateral izquierdo seleccionar la opción Posts
2. En la ventana de Posts, seleccionar algún post que se haya creado previamente
3. Seleccionar la opción de configuración
4. Diligenciar una hora que sobrepase el valor 24, respetando el formato 00:00
5. Observar que el sistema no muestra al usuario un mensaje de error indicando que la hora no es permitida a pesar de que cumple el formato establecido.

EVIDENCIAS

Imagen: No se indica al usuario que la hora sobrepasa el limite de 24

Vídeo: Debe tener iniciada la sesión con el correo institucional uniandes
Escenario Editar blog post cuando la hora sobrepasa el límite permitido

CONTEXTO

• OS: macOS Ventura 13.6
• Browser Google Chrome
• Version 118.0.5993.70

INFORMACIÓN ADICIONAL

Validar que la hora ingresada por el usuario no supere el valor 24.

Diferencias en Publicacion de Post V 3.42 - V5.72

COMPORTAMIENTO ESPERADO

En la version 5.72, al publicar un post, este retorna a una nueva pantalla donde se realiza una confirmación de la publicación.

COMPORTAMIENTO ACTUAL

En la version 3.42, al publicar el post, este publica de manera inmedita, y solamente muestra un mensaje en la parte inferior indicando que se realizo la publicacion.

PASOS PARA REPRODUCIR DEFECTO

En la version 4.42 se realizan los siguientes pasos;

1. Se realiza el login usando las credenciales guardas
2. En el menu del lado izquierdo seleccionamos el menu de 'Post'
3. Se abrira una nueva pantalla, donde encontraremos un boton que indica 'New post', el cual seleccionamos para crear un nuevo post
4. Al abrir el post, se coloca un titulo y una descripción.
5. Al finalizar en la parte superior se encuentra un boton de 'publish' y despliega un pequeño recuadro donde en la parte inferior derecha se encuentra nuevamente un boton de 'publish'.
6. Al seleccionar el boton, este solo indica en la parte inferior con un mensaje que la publicacion fue exitosa.

EVIDENCIAS
Comparacion, de la publicacion de post.

CONTEXTO

Device: [e.g. Laptop ]
OS: [e.g. Windows 11]
Browser [e.g. Google Chrome]
Version [e.g. 22]

INFORMACIÓN ADICIONAL

Error en la subscripcion del footer

COMPORTAMIENTO ESPERADO

Se espera que al enviar el formulario este realice la subscripcion a la pagina

COMPORTAMIENTO ACTUAL

En el Site, en el pie de página (footer) se encuentra un campo con el botón de “Subscribe”, al llenar este campo con el email que se busca subscribir aparece el error.

PASOS PARA REPRODUCIR DEFECTO

1. Hacer scroll hasta el pie de pagina.
2. Llenar el campo de Email
3. Enviar formulario en "Subscribe"
4. Ver error

EVIDENCIAS

No provisto.

CONTEXTO

No provisto.

En esta sección se debe detallar el contexto en el que fue ejecutado el escenario de prueba.

• Device: [e.g. Laptop ]
• OS: [e.g. Windows 11]
• Browser [e.g. Google Chrome]
• Version [e.g. 22]

VRT Resemble Botón eliminar Post en Ghost 4.48

COMPORTAMIENTO ESPERADO

Cuando se selecciona un post, en la sección de configuración está la opción para eliminar el post, esta opción se debe presentar en forma de botón y centrado.

COMPORTAMIENTO ACTUAL

Cuando se selecciona un post, en la sección de configuración está la opción para eliminar el post, esta opción no se debe presentar en forma de botón y no está centrado.

PASOS PARA REPRODUCIR DEFECTO

1. Iniciar sesión en Ghost 4.48
2. Seleccionar la opción de posts
3. Elegir el post que se desee eliminar
4. Abrir la configuración del post
5. Hacer scroll hasta la parte inferior de la configuración
6. Se puede apreciar que la opción para eliminar no está centrada y no parece un botón.

EVIDENCIAS

Se puede apreciar que en la versión 5.71 de Ghost, el botón de eliminar está centrado:

En la versión 4.48 de Ghost la opción de eliminar se presenta así:

Las diferencias visuales se presentan de esta manera:

La información del reporte se detalla de la siguiente manera:

INFORMACIÓN ADICIONAL

Como comentario adicional, se pueden ejecutar los pasos descritos en el Readme de cypress para generar el reporte y ver con más detalles las diferencias arrojadas por el VRT Resemble.

VRT Resemble vista posts

COMPORTAMIENTO ESPERADO

Cuando se muestran los posts que están presentas en el sistema, se debe visualizar la opción de editar para cada uno, esta opción se debería mostrar en forma de lápiz.

COMPORTAMIENTO ACTUAL

Actualmente, en la versión de Ghost 4.48 no están presentas las opciones de editar post en la parte derecha de cada post.

PASOS PARA REPRODUCIR DEFECTO

1. Iniciar sesión en Ghost 4.48
2. Seleccionar la opción Posts
3. Se puede apreciar que los posts listados no cuentan con la opción de editar en forma de lápiz.

EVIDENCIAS

En la versión de Ghost 5.71 se puede apreciar que los posts tienen la opción de editar en forma de lápiz:

En la versión de Ghost 4.48 no se evidencia la opción de editar en forma de lápiz por cada post:

De esta forma se ven las diferencias entre las versiones de Ghost:

Información de la comparación:

INFORMACIÓN ADICIONAL

Como comentario adicional, se pueden ejecutar los pasos descritos en el Readme de cypress para generar el reporte y ver con más detalles las diferencias arrojadas por el VRT Resemble.

Enviar invitaciones a los miembros del personal (staff)

COMPORTAMIENTO ESPERADO

En el comportamiento esperado al enviar invitaciones a los miembros del personal (staff) en el CMS Ghost:

1. Creación de Invitación: El usuario, con los permisos adecuados, debería poder crear una invitación para agregar a un nuevo miembro del personal al sistema. Esto generalmente se hace proporcionando el correo electrónico del nuevo miembro y seleccionando su rol (por ejemplo, autor, editor, administrador).
2. Envío de Correo Electrónico: Después de crear la invitación, el sistema debe enviar automáticamente un correo electrónico al correo proporcionado por el usuario invitado. El correo electrónico debe contener detalles sobre la invitación, un enlace único para aceptarla y cualquier otra información relevante.
3. Confirmación de Envío: Tras el envío exitoso del correo electrónico de invitación, el sistema debería mostrar un mensaje de confirmación, como un Toast o una notificación, indicando que la invitación se ha enviado con éxito.
4. Manejo de Errores: Si se produce algún error al enviar el correo electrónico de invitación (por ejemplo, problemas con el servidor de correo o una dirección de correo electrónico incorrecta), el sistema debe mostrar un mensaje de error específico que explique la causa del problema.
5. Seguimiento de Invitaciones: El CMS debería permitir a los administradores realizar un seguimiento de las invitaciones enviadas, indicando si fueron aceptadas o no.

COMPORTAMIENTO ACTUAL

1. Creación de Invitación: El usuario puede crear una invitación proporcionando el correo electrónico del nuevo miembro del personal y seleccionando su rol.
2. Envío de Correo Electrónico: El sistema intenta enviar el correo electrónico de invitación al correo proporcionado, pero falla al hacer el envio.
3. Toast de Error: Cuando ocurre un problema durante el envío del correo electrónico de invitación (por ejemplo, si el servidor de correo no está configurado correctamente o si la dirección de correo electrónico no es válida), el sistema muestra un mensaje de error en forma de Toast que indica que no se pudo enviar el correo.
4. Falta de Detalles sobre el Error: El mensaje de error en el Toast puede ser genérico y no proporcionar detalles específicos sobre la causa del problema, lo que puede dejar al usuario sin información sobre cómo resolverlo.
5. Limitaciones de Seguimiento: Puede haber limitaciones en el seguimiento de las invitaciones enviadas, lo que dificulta determinar si fueron aceptadas o si hubo problemas con la entrega.

En resumen, el comportamiento esperado para enviar invitaciones a los miembros del personal en CMS Ghost incluye la creación de invitaciones, el envío de correos electrónicos de invitación con confirmaciones adecuadas y la gestión de errores informativos. El comportamiento actual puede resultar en mensajes de error genéricos que no proporcionan información detallada sobre los problemas y limitaciones en el seguimiento de las invitaciones.

PASOS PARA REPRODUCIR DEFECTO

1. Clic en settings, icono de engrane ubicado en la parte inferior izquierda
2. En el menu izquierdo ir a staff
3. Hacer clic en "invite people"
4. Agregar el correo y selecconar un rol
5. Hacer clic en "Send invitation now"

EVIDENCIAS

CONTEXTO

• OS: [Windows 11
• Browser: Chrome - Version 118.0.5993.70 (64-bit)
• Viewport: 1414px x 923px | Tamaño de pantalla: 1920px x 1080px

Editar página, no se guardan los cambios a la hora de editar, pero el campo Excerp queda editado.

COMPORTAMIENTO ESPERADO

Al editar una página, los cambios hechos se deben guardar cuando se selecciona la opción "Update" ubicada en la parte superior derecha de la página a editar, si esta opción no es seleccionada y la persona usuario se dirige a otra sección de la aplicación, los cambios no deben guardarse.

COMPORTAMIENTO ACTUAL

Al editar una página, los cambios hechos en el campo Excerp se guardan a pesar de que no se ha hecho explícita la ejecución de la opción actualizar, todos los cambios en los demás campos no son guardados cuando no se ejecuta la opción "Update", la única excepción está en el campo Excerp.

PASOS PARA REPRODUCIR DEFECTO

Los pasos para reproducir el defecto son:

1. En el menú lateral izquierdo seleccionar la opción Pages
2. En la ventana de Pages, seleccionar una página que haya sido creada previamente
3. Seleccionar la sección de configuración de la página
4. Editar el campo Excerp
5. Seleccionar la opción "Pages" que está ubicada en la esquina superior izquierda de la página a actualizar.
6. Aparece un modal, seleccionar la opción del modal "Leave"
7. Se muestra la ventana con todas las páginas.
8. Seleccionar nuevamente la página a la que anteriormente se le editó el campo Excerp.
9. Seleccionar la sección de configuración de la página.
10. Se puede apreciar que quedan guardados los cambios hechos en el campo Excerp a pesar de que no se hizo explícita la actualización.

EVIDENCIAS

Imagen: El campo Excerp no debió quedar editado

Vídeo: Debe tener iniciada la sesión con el correo institucional uniandes
Editar página, no se guardan los cambios a la hora de editar, pero el campo Excerp queda editado

CONTEXTO

• OS: macOS Ventura 13.6
• Browser Google Chrome
• Version 118.0.5993.70

INFORMACIÓN ADICIONAL

Si no se ejecuta la opción "Update", ningún campo se debe actualizar, de este modo, se debe omitir los cambios hechos en el campo Excerp.

Estrategia de datos - Crear un Tag con # el campo genera error

COMPORTAMIENTO ESPERADO
En la creacion de un tag usando un color no apropiado con # deberia dejarlo guardar

COMPORTAMIENTO ACTUAL
En la creacion de un tag usando un color no apropiado, genera alerta de que el color no esta bien

PASOS PARA REPRODUCIR DEFECTO
Iniciar sesión.
Seleccionar la opción de tags en.
Crear nuevo tag
Colocar campo de color apropiado con #
Guardar
EVIDENCIAS
image

CONTEXTO
OS: [e.g. iOS8.1]
Browser [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
Version [e.g. 22]

Crear blog post con fecha de publicación posterior a la fecha actual

COMPORTAMIENTO ESPERADO

Al crear un nuevo post y diligenciar una fecha de publicación posterior a la fecha actual, la aplicación debe mostrar el mensaje de error debajo del campo con la información incorrecta

COMPORTAMIENTO ACTUAL

Al crear un nuevo post y diligenciar una fecha de publicación posterior a la fecha actual, se está mostrando el mensaje de error a un costado del campo con la información incorrecta.

PASOS PARA REPRODUCIR DEFECTO

Los pasos para reproducir el defecto son:

1. En le menú lateral izquierdo seleccionar la opción Posts
2. En la ventana de Posts, seleccionar la opción "New Post"
3. Diligenciar una fecha posterior a la fecha actual
4. Se observa que el mensaje de validación se está mostrando al costado derecho del campo que contiene error.

EVIDENCIAS

Imagen:

Vídeo: Debe tener iniciada la sesión con el correo institucional uniandes
Escenario Crear blog post con fecha de publicación posterior a la fecha actual

CONTEXTO

• OS: macOS Ventura 13.6
• Browser Google Chrome
• Version 118.0.5993.70

INFORMACIÓN ADICIONAL

Se debe poner el mensaje de validación debajo del campo que contiene la información incorrecta.

Crear blog post y sección de configuración con scroll horizontal no permitido

COMPORTAMIENTO ESPERADO

Al crear un nuevo post, la sección de configuración debe tener alineados los campos y atributos que se puedan configurar en el post, por lo que no se debería presentar un scroll horizontal.

COMPORTAMIENTO ACTUAL

Al crear un nuevo post, la sección de configuración está presentando un scroll horizontal, esto es debido a que el elemento "feature this post" contiene un switch que no está alineado.

PASOS PARA REPRODUCIR DEFECTO

Los pasos para reproducir el defecto son:

1. En le menú lateral izquierdo seleccionar la opción Posts
2. En la ventana de Posts, seleccionar la opción "New Post"
3. Seleccionar la sección de configuración
4. Se observa que está presente un scroll horizontal en la configuración ya que hay un switch que no está alineado.

EVIDENCIAS

Imagen:

Vídeo: Debe tener iniciada la sesión con el correo institucional uniandes
Escenario Crear blog post y sección de configuración con scroll horizontal no permitido

CONTEXTO

• OS: macOS Ventura 13.6
• Browser Google Chrome
• Version 118.0.5993.70

INFORMACIÓN ADICIONAL

Se debe alinear el elemento switch del campo "feature this post"

Estrategia de datos - La descripción de la metada data deberia utilizar el contenido del post y mostrarse en el placeholder

COMPORTAMIENTO ESPERADO

Se espera que el contenido de la página de GHOST sea utilizado automáticamente para generar el meta tag de descripción en los posts. Cuando se accede a la interfaz de edición de un post, el placeholder del meta tag de descripción debería mostrar un extracto del contenido del post, reflejando así un resumen automático del contenido.

COMPORTAMIENTO ACTUAL

Actualmente, al editar un post en la plataforma GHOST, se observa que el contenido del post no se está reflejando adecuadamente en el placeholder del meta tag de descripción. En lugar de mostrar un extracto del contenido del post, el placeholder permanece vacío o no actualiza su contenido como se esperaría. Este comportamiento resulta en meta tags de descripción que no representan fielmente el contenido del post, lo cual podría afectar negativamente la visibilidad y la optimización SEO de la página.

PASOS PARA REPRODUCIR DEFECTO

1. Iniciar sesión.
2. Navegar hasta la Sección de Posts
3. Seleccionar un post con contenido / Crear un post y diligenciarlo
4. Abrir la configuración del post
5. Abrir el apartado de meta datos

EVIDENCIAS

CONTEXTO

Ghost 5.71

INFORMACIÓN ADICIONAL

Error envio de formulario "Sign Up"

COMPORTAMIENTO ESPERADO

Se espera que al enviar el formulario este realice la subscripcion a la pagina

COMPORTAMIENTO ACTUAL

En el Site, en el menu superior se encuentra un boton de "Sign In" donde en la parte inferior del popup emergente aparece otro boton de "Sign Up" donde se encuentra un formulario para ingreso, al colocar datos y hacer el envio este no se realiza.

PASOS PARA REPRODUCIR DEFECTO

1. Dar click en el boton de "Sign In"
2. En la parte inferior se encuentra un boton "Sign Up"
3. Dar click en el boton "Sign Up"
4. Llenar formulario
5. Enviar formulario en "Sign Up"
6. Ver error

EVIDENCIAS

CONTEXTO

• Device: [e.g. Laptop ]
• OS: [e.g. Windows 11]
• Browser [e.g. Google Chrome]
• Version [e.g. 22]

Estrategia final - VRT Resemble diferencias en la suscripción al newsletter

COMPORTAMIENTO ESPERADO

Entre la versión de Ghost 4.48 y 5.71 se debe tener correspondencia a la hora de realizar la suscripción a un Newsletter

COMPORTAMIENTO ACTUAL

Existe bastantes diferencias visuales entre las versiones de Ghost a la hora de realizar la suscripción al newsletter, ya que en la versión 4.48 se utilizaba un modal para permitir al usuario suscribirse, en cambio en la versión 5.71 se utiliza un input.

PASOS PARA REPRODUCIR DEFECTO

1. Ingresar a la página principal (home) de la aplicación para ambas versiones
2. Dar clic en la opción de suscripción
3. Visualizar las diferencias visuales.

EVIDENCIAS

Porcentaje superior al 50%

Interfaz gráfica para la suscripción del newsletter en ambas versiones:

Diferencias en Login V 3.42 - V5.72

COMPORTAMIENTO ESPERADO

Se espera que las dos versiones del Login sean iguales visualmente

COMPORTAMIENTO ACTUAL

En el caso de la version 3.42, no se ve el nombre del proyecto en el cual se esta trabajando, asi como la paleta de colores es diferente.

PASOS PARA REPRODUCIR DEFECTO

Para el caso de Backstop los pasos son:

1. Se crea en los escenarios en el backstop.json el siguiente:
   {
   "label": "Login 1 Page",
   "cookiePath": "backstop_data/engine_scripts/cookies.json",
   "url": "http://localhost/images/test4-2/screenshots/1700360584.png",
   "referenceUrl": "http://localhost/images/test4-1/screenshots/1700350089.png",
   "readyEvent": "",
   "readySelector": "",
   "delay": 1000,
   "hideSelectors": [],
   "removeSelectors": [],
   "hoverSelector": "",
   "clickSelectors": "",
   "postInteractionWait": 1000,
   "selectors": [],
   "selectorExpansion": true,
   "expect": 0,
   "misMatchThreshold": 0.1,
   "requireSameDimensions": true
   }
2. Seleccionamos en url, la imagen de la versión 3.42 y en referenceUrl la imagen correspondiente a la versión 5.72.
3. Corremos en la consola el comando 'backstop reference' para tomar las imagenes de referencia
4. Corremos en la consola el comando 'backstop test' y de esta manera se realiza el test de comparación entre las dos imagenes.

Para el caso de ResembleJs los pasos son:

1. Se crea en una carpeta las imagenes a comparar de manera ordenada

2. En el archivo test.js se coloca
   const dataLogin1 = await compareImages(
   await fs.readFile("./images/test4-2/screenshots/1700360584.png"),
   await fs.readFile("./images/test4-1/screenshots/1700350089.png"), options);

   await fs.writeFile("./diff/test4/output1.png", dataLogin1.getBuffer());

3. Seleccionamos en la primera la imagen de la versión 3.42 y la segunda imagen corresponde a la versión 5.72.

4. Corremos en la consola el comando 'node test.js' para realizar la comparación.

5. En la carpeta asignada './diff/test4' encontramos el archivo de comparación de las imagenes.

EVIDENCIAS

Comparación tomada por Backstop

Comparación tomada por ResembleJs

CONTEXTO

Device: [e.g. Laptop ]
OS: [e.g. Windows 11]
Browser [e.g. Google Chrome]
Version [e.g. 22]

INFORMACIÓN ADICIONAL

La primera imagen se realizo a partir de Bockstop, donde se comparo el login de la version 5.72 como referencia, estas imagenes fueron tomadas a traves de Kraken.
En la segunda imagen vemos la comparacion a travez de ResembleJs.

VRT Resemble Eliminación post en Ghost 5.71

COMPORTAMIENTO ESPERADO

Cuando el usuario selecciona la opción para eliminar un post, debe aparecer un modal de confirmación que permita verificar al usuario si se desea realmente realizar la acción de eliminar o si prefiere cancelarla, una vez se selecciona la opción de confirmar la eliminación, se debe dirigir a la página en donde se encuentran todos los posts.

COMPORTAMIENTO ACTUAL

Cuando el usuario realiza la acción de eliminar el post, al confirmar la eliminación no se está mostrando la página con los posts actuales.

PASOS PARA REPRODUCIR DEFECTO

Los pasos para reproducir el defecto son:

1. Iniciar sesión en Ghost 5.71
2. Seleccionar la opción de Posts
3. Seleccionar algún Post que se desee eliminar.
4. Oprimir la sección de configuración del post
5. Hacer Scroll hasta la parte inferior de la configuración.
6. Seleccionar la opción de eliminar el post
7. Confirmar la eliminación
8. Se deberían mostrar la página de posts.

EVIDENCIAS

Se puede apreciar que en la versión de Ghost 4.48 se realiza bien la eliminación, al confirmar se muestran los posts:

En la versión de Ghost 5.71 al confirmar la eliminación del post, no se muestra los posts que el sistema tiene almacenado:

Por esta razón, con la herramienta ResembleJS se muestra una diferencia muy alta, con un porcentaje superior al 68% y una imagen distorsionado resultado de la comparación:

INFORMACIÓN ADICIONAL

Como comentario adicional, se pueden ejecutar los pasos descritos en el Readme de cypress para generar el reporte y ver con más detalles las diferencias arrojadas por el VRT Resemble.