Introducción al curso

1

Cypress Avanzado: Integración Continua y Emulación de Dispositivos

2

Configuración de Cypress: Instalar y ejecutar primeras pruebas

Cookies y Localstorage

3

Manejo de Cookies en Cypress: Pruebas y Configuraciones Avanzadas

4

Pruebas Automatizadas con Local Storage en JavasScript

Emulando dispositivos

5

Emulación de dispositivos móviles con Cypress: técnicas y prácticas

Instalando plugins

6

Uso de plugins en Cypress para pruebas con XPath

Flaky tests

7

Evitando Flaky Tests con Cypress: Comandos y Retries

8

Intercepta solicitudes de red con Cypress

9

Simulación de errores de red con Cypress

Buenas prácticas

10

Page Object Model: Implementación en Cypress

11

Comandos Personalizados en Cypress para Automatizar Pruebas

12

Manejo de Variables de Entorno con Cypress

13

Pruebas de Visual Testing con Cypress

Visual testing

14

Pruebas Visuales con Cypress: Implementación y Configuración

Seguridad

15

Seguridad en Pruebas con Cypress: Navegación entre Dominios

16

Pruebas de múltiples tabs en Cypress sin cambiar de ventana

17

Sesiones y Variables de Entorno en Cypress 10

18

Manejo de múltiples pestañas en Cypress: tips y buenas prácticas

Data Driven Test

19

Manejo de Fixtures en Cypress para Pruebas Automatizadas

BDD

20

Configuración de Cucumber con Cypress: Pruebas Automatizadas Efectivas

21

Compartir Step Definitions en Cypress con Cucumber

22

Escenarios Outline y Pruebas con Tags en Gherkin

Reportes

23

Configuración de Reportes en Cypress con MultiReporters

24

Configuración de Cypress con Allure para generación de reportes

Docker

25

Automatización de Pruebas con Docker y Cypress

Dashboard

26

Configuración del Dashboard en Cypress y Uso de Pruebas Automatizadas

27

Pruebas en Paralelo con Sorry Cypress y Docker

CI/CD

28

Pruebas Paralelas con Jenkins y Cypress: Optimización de Tiempos

Final

29

Automatización de Pruebas con Cypress y Cypress Escenario Recorder

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Curso de Cypress Avanzado

Curso de Cypress Avanzado

Javier Fuentes Mora

Javier Fuentes Mora

Configuración de Cypress con Allure para generación de reportes

24/29
Recursos

¿Qué es Allure Report y cómo se instala con Cypress?

Ya has identificado que Cypress, aunque es una poderosa herramienta de pruebas automatizadas, no incluye por defecto todas las funciones que podrías necesitar. Uno de los reportadores más reconocidos del mercado, especialmente en pruebas, es Allure Report. Este, al ser open source, ofrece tanto funcionalidad avanzada como cero costo.

¿Cómo instalar Allure Report en Cypress?

La instalación de Allure Report en Cypress se lleva a cabo mediante un plugin específico desarrollado por la comunidad. Aquí te mostramos los pasos detallados:

  1. Instalación del plugin: Abre tu terminal e instala el Cypress AluPlugin:

    npm install @shelex/cypress-allure-plugin
    
  2. Configuración del archivo: Una vez instalado, necesitamos modificar el archivo de configuración de Cypress. Importamos el AlurWriter y lo añadimos a la configuración:

    const allureWriter = require('@shelex/cypress-allure-plugin/writer');
    
    module.exports = (on, config) => {
      allureWriter(on, config);
      return config;
    };
    
  3. Carga del plugin: Luego, en la carpeta de soporte, usualmente en cypress/support/e2e.js, importa el plugin:

    import '@shelex/cypress-allure-plugin';
    

¿Cómo ejecutamos el reportador?

Después de tener configurado el plugin, puedes generar los reportes mediante scripts personalizados en tu archivo package.json:

  1. Definición del script:

    {
      "scripts": {
        "test:allure": "cypress run --env allure=true"
      }
    }
    
  2. Comando de ejecución: Para ejecutar el reportador, utiliza el comando anteriormente definido:

    npm run test:allure
    

Durante la ejecución, el sistema creará una carpeta allure-results que contiene los resultados en formato .json.

¿Cómo visualizar los reportes generados?

Para aprovechar al máximo los reportes generados y ver la visualización gráfica y detallada, asegúrate de tener instalado Allure en tu máquina. Este paso es crucial para transformar los resultados en un formato más legible y visualmente atractivo.

  1. Instalación de Allure:

    • En macOS: Ejecuta brew install allure.
    • En Windows: Sigue las instrucciones proporcionadas en la documentación oficial de Allure.
  2. Servidor local para visualizar: Ejecuta el siguiente comando para generar y visualizar el reporte en un servidor web:

    allure serve
    

¿Qué ventajas ofrece Allure Report?

Una vez configurado y ejecutado, Allure proporciona un reporte gráfico con:

  • Gráficas detalladas: Permite ver el timeline, el comportamiento y los resultados de las pruebas de manera organizada.
  • Archivos multimedia: Capturas de pantalla en caso de errores y videos de grabación de la ejecución de tus pruebas.
  • Histórico de pruebas: Muestra cuántas veces se ha intentado una prueba, ofreciendo un seguimiento detallado.

Allure se perfila como una solución completa para cualquier equipo que desee mejoras en la visualización y análisis de resultados de pruebas automatizadas en Cypress. Además, su capacidad para generar documentos web fácilmente accesibles lo convierte en una herramienta invaluable para compartir resultados con stakeholders.


Allure combinado con Cypress puede transformar la manera en que realizas y reportas tus pruebas automatizadas. Como siempre, se recomienda revisar la documentación oficial para más detalles y configuraciones específicas. Sigue explorando, perfeccionando tus habilidades y prepárate para integrar más herramientas en tus flujos de trabajo. ¡El camino del aprendizaje nunca termina!

Aportes 8

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Un requisito para instalar allure en windows, es tener instalado scoop.

Para los que están haciendo el curso recientemente y no les genera la carpeta de allure-results, luego de la versión de cypress +10 NO es posible usar la librería que el profesor nos comparte, pero ya existe un paquete propio de cypress para la integración con allure: [allure-cypress - npm (npmjs.com)](https://www.npmjs.com/package/allure-cypress)

npm i @shelex/cypress-allure-plugin --force

\--legacy-peer-deps\[Allure Report Documentation]\(<u>https://allurereport.org/docs/cypress/</u>)\[allure report linix]\(<u>https://allurereport.org/docs/install-for-linux/</u>) \- Instale la herramienta de línea de comandos Allure Report: `npm install --save-dev allure-commandline --legacy-peer-deps` \- Instale el adaptador Allure Cypress.`npm install --save-dev allure-cypress --legacy-peer-deps` \- En la \*\*e2e\*\* sección de su \[script de configuración de Cypress]\(<u>https://docs.cypress.io/guides/references/configuration</u>) , defina una `setupNodeEvents()` función que llame `allureCypress()`, como se muestra en el ejemplo. Pase las opciones de configuración si es necesario, consulte \[Configuración de Allure Cypress]\(<u>https://allurereport.org/docs/cypress-configuration/</u>). ```javascriptconst { defineConfig } = require("cypress");const { allureCypress } = require("allure-cypress/reporter"); module.exports = defineConfig({  e2e: {    setupNodeEvents(on, config) {      allureCypress(on);    },  },});``` \- En su archivo de soporte E2E , importe los comandos de Allure Cypress.```javascriptimport "allure-cypress/commands";```

Resumen de la clase Joaquin Demarchi Notion

Comandos utiles de allure.

“allure:report”: “npx cypress run —env allure=true”, // Genera los metadatos .json y png
”allure:serve”: “allure serve allure-results”, // Esto abre un servidor con los metadatos y permite navegar entre los test y errores

El HTML no se puede guardar y pasarlo al cliente, debido a que consume la data del repo, en la carpeta allure-results, creo que es lo unico malo que tiene, que no exporta un html con la data enduro para enviarselo a cualquier persona.