Framework

Cypress.io es una herramienta que fue creada para desarrolladores frontend para pruebas End-to-End, pero eso no significa que los ingenieros de pruebas no puedan beneficiarse de ello.

Ahora, vamos a conocer un poco de como está estructurado el Framework de Cypress.io. Lo primero es que es una herramienta maravillosa de usar, siempre que conozca sus limitaciones:

  • Solo trabaja con JavaScript

  • Solo funciona con Chrome Browser

  • Trae integrado la sintaxis de Mocha.js

Asi mismo, la estructura del Framework es el siguiente:

  • Fixtures: Se almacena las variables y datos estáticos que se van a utilizar en los tests.

  • Integration: Es la carpeta principal donde se almacenan los archivos *.spec.js que va ejecutar Cypress en los tests. En esta carpeta Cypress trae por defecto unos ejemplos que nos pueden ayudar a comprender todo lo que puede hacer Cypress. Se recomienda ejecutarlos y ver como funcionan cada uno.

  • Plugins: Permiten acceder, modificar o ampliar el comportamiento interno de Cypress a través de la creación de Plugins.

  • Support: Se almacena los comportamientos reutilizables, como comandos personalizados o anulaciones globales, que estarán disponibles para todos los tests.

Finalmente, Cypress proporciona un agradable Test Runner que le brinda una estructura visual de suites, pruebas y aserciones. Este entorno visual es la magia de Cypress, ya que permite al tester la habilidad de realizar las siguientes tareas:

  • Viajar en el tiempo para visualizar cada comando ejecutado.

  • Ver facilmente los eventos especiales que se ejecutó.

  • Recibir resultados adicionales sobre cada comando.

  • Capturar elementos en el DOM.

  • Creación de snapshots para validar interactivamente una ejecución.

  • Pausar los comandos y pasa por ellos con el mouse de forma iterativa.

  • Visualizar cuando se encuentran elementos ocultos o múltiples.

  • Visualizar el control de errores de cada test suite.

  • Esperas automáticas

  • ...y mucho más.

Veamos en acción el Test Runner de Cypress 😀

En el siguiente capítulo vamos a escribir nuestros primeros Tests con Cypress.

Last updated