Home - geherrera2/pruebas-ghost GitHub Wiki
Como correr las pruebas con la herramienta Kraken
Paso # | Descripción |
---|---|
1 | Para ejecutar las pruebas en Kraken se debe ingresar a la carpeta proyecto-kraken |
Editar el archivo Gemfile y apuntar la gema ‘kraken-mobile’ que tenga instalda en el equipo donde se va a correr la prueba | |
# Contents of Gemfile | |
source "https://rubygems.org" | |
gem 'rubyzip', '1.2.1' # Required version for running calabas-android in Windows | |
gem 'kraken-mobile' | |
2 | Instale las dependencias con el siguiente comando: bundle install |
3 | Opcional: Configurar Kraken with 2 dispositivos y dos usuarios web: ( bundle exec kraken-mobile setup ) |
4 | Editar el archivo kraken_properties.json con las credenciales de administrador de la plataforma Ghost |
5 | Ejecute el siguiente comando para ejecutar kraken: (bundle exec kraken-mobile run --properties=”../kraken-properties.json”) |
Ejecutar Escenarios con la versión 3.3.0 y 3.42.5 de Ghost usando Kraken
Paso # | Descripción |
---|---|
1 | Clonar el repositorio |
2 | Ingresar a la siguiente ruta dentro de su sistema de archivos proyecto-kraken/features/ |
3 | Dentro de la carpeta features va encontrar dos carpetas llamadas ghost-3.3.0 y ghost-3.42.5 |
3a | Si desea ejecutar los escenarios de la versión 3.3.0 de Ghost, se deben copiar todos los archivos .js que se encuentran dentro de la carpeta ghost-3.3.0 a la carpeta features |
3b | Si desea ejecutar los escenarios de la versión 3.42.5 de Ghost, se deben copiar todos los archivos .js que se encuentran dentro de la carpeta ghost-3.42.5 a la carpeta features |
4 | Recuerde previamente tener corriendo la versión de Ghost sobre la cual va ejecutar los escenarios |
5 | En una consola de comandos ingresar hasta la carpeta proyecto-kraken |
6 | Ejecutar los escenarios usando el siguiente comando en la consola de comandos: bundle exec kraken-mobile run --properties="../kraken-properties.json" |
7 | En la consola se podra observar la ejecución de los escenarios y también podrá visualizar la ejecución en un navegador Chromium |
8 | Al finalizar la ejecución de los escenarios puede revisar los screenshots de cada pasa ingresando en su sistema de archivos a la ruta proyecto-kraken/reports |
Como correr las pruebas con la versión 3.3.0 y 3.42.5 de Ghost con la herramienta Cypress
Paso # | Descripción |
---|---|
1 | Ingresar a la carpeta proyecto-cypress |
2 | Configuarar los archivos env : |
Ingresar a la carpeta cypress y editar el archivo env.js | |
Colocar el valor la url del servidor en la variable "baseURL" dependiendo de la version a realizar pruebas | |
Ingresar a la carpeta cypress y crear el archivo env_local.js con la estructura de el archivo env_local_example.js | |
Colocar el valor de usuario y contraseña en las variables "username" y "password" | |
2 | Ejecutar cypress con el siguiente comando: cypress run --spec cypress/integration/ghost3.3.0/.js para el caso de ghost3.3.0 para el caso de 3.42.5 cypress run --spec cypress/integration/ghost3.42.5/.js |
Generar reporte de pruebas visuales de regresión usando ResembleJS
Paso # | Descripción |
---|---|
1 | Clonar el repositorio |
2 | Ingresar en su sistema de archivos a la carpeta resemble |
3 | (Optional) Editar el archivo config.json y en el nodo stories colocar los escenarios a los cuales desea comparar y obtener el reporte, por defecto este archivo tiene todos los 20 escenarios definidos en la documentación |
4 | Asegurarse de haber ejecutado los escenarios de prueba usando Cypress en las dos versiones de Ghost (v3.3.0 y v.3.42.5) con la finalidad de tener los screenshots de las pruebas, recuerde que al ejecutar Cypress el tomará screenshots luego de cada paso o step en la ejecución de un escenario |
5 | Abrir una consola de comandos dentro de la carpeta resemble |
6 | Ejecutar el comando node index.js |
7 | La generación del reporte tomara varios segundos, dependiendo de la cantidad de escenarios que vaya a comparar, así que debe esperar a que el comando previamente ejecutado se complete |
8 | Para ver el reporte ingrese a la carpeta resemble/results en su sistema de archivos |
9 | Podra observar que dentro de esa carpeta se crea una carpeta por cada ejecución del reporte |
10 | Ingrese a la carpeta que se generó más reciente y abra el archivo html que corresponda al escenario del cual quiere ver el reporte (Ej: escenario-04.js.html) |
Generar reporte de pruebas visuales de regresión usando BackstopJS
Paso # | Descripción |
---|---|
1 | Clonar el repositorio |
2 | Configurar las variables de entorno y asegurarse que los dos entornos de Ghost (versión 3.3.0 y 3.42.5) estén ejecutándose y tengan los mismos datos de acceso (usuario/contraseña) |
3 | Ubicarse en la carpeta proyecto-cypress |
4 | Ejecutar el comando cypress run |
5 | Una vez finalizado el paso anterior, deben haberse generado los screenshots respectivos en cada paso de cada escenario |
5 | Abrir una consola de comandos dentro de la carpeta backstop |
6 | Ejecutar el comando backstop test |
7 | Ejectuar el comando backstop approve |
8 | Cambiar el nombre del archivo backstop.json por otro nombre |
9 | Renombrar el archivo backstop to rename.json a backstop.json |
10 | Ejecutar el comando backstop test |
11 | Debe desplegarse una ventana en el navegador con el listado de las comparaciones para cado paso y cada escenario (1, 5 y 9) |