Cypress

Sprint Nro. XX

Curso Introductorio de Cypress

Integrantes

Hugo Fernandez

Mariano Palavecino

Conceptos básicos para testing automatizado.

Sprint Nro. XX

Índice

¿Qué es Cypress?.
Características.
Buenas Prácticas.
Elementos más utilizados en ANDES.
Estructuración de carpetas.
Preparación del entorno de trabajo.
Enlaces

¿QUÉ ES CYPRESS?

Sprint Nro. XX

¿Qué es Cypress?

- Es una herramienta de testing automatizado que nos permite ahorrar tiempo para realizar las pruebas de regresión.

- Es un framework que nos permite simular la interacción de los usuarios con el navegador.

Cualquier tipo de pruebas de software que intentan descubrir errores (bugs), carencias de funcionalidad, etc.

CARACTERÍSTICAS

Sprint Nro. XX

Características

Los test se pueden leer de forma secuencial, en un lenguaje de alto nivel solo teniendo algún conocimiento de HTML.
Funciona con cualquier librería o framework de frontend siempre que corran en un navegador.
Al terminar las pruebas, se muestra el historial de todo lo que se ejecutó junto con una captura de pantalla que muestra cómo afectó al sistema.

BUENAS PRÁCTICAS

Sprint Nro. XX

ATRIBUTOS DE DATOS

Como cada prueba va a incluir selectores de elementos, se recomienda escribir aquellos que sean resistentes a los cambios.

EJEMPLO

Sprint Nro. XX

ASIGNACIÓN DE VALORES DE ENTORNO

En cypress casi no se necesita utilizar const, let o var. Para ello se recomienda usar "Alias". Los alias son una construcción poderosa en Cypress que tiene muchos usos como por ejemplo, facilitar compartir objetos entre sus pruebas.

EJEMPLO

Cuando se usa this.users, se tiene acceso a él de forma síncrona, mientras que cuando lo usamos cy.get('@users') se convierte en un comando asíncrono.

Sprint Nro. XX

CREANDO PRUEBAS "MINÚSCULAS" CON UNA SOLA AFIRMACIÓN

Si bien las pruebas unitarias técnicamente funcionan bien, es realmente excesivo, y no es eficaz. Por lo que se utilizan pruebas de integración.
- Siempre se va a poder visualizar qué afirmación falló en una prueba grande.

EJEMPLO

Sprint Nro. XX

ESPERA INNECESARIA

Utilizar alias o aserciones de ruta para evitar que Cypress continúe hasta que se cumpla una condición explícita.
- Casi nunca es necesario utilizar cy.wait() durante un tiempo determinado. En estos casos probablemente hay una forma mucho mejor y más simple.

EJEMPLO

Elementos que hemos utilizado en ANDES

Sprint Nro. XX

SHOULD

cy.get().should (condición, valor);

have.value
have.text
have.prop
have.attr
have.class

Es lo que se espera que tenga el DOM.

Sprint Nro. XX

CONTAINS

cy.contains('Datos guardados correctamente');

Muy útil para utilizarlo cuando se quiere corroborar por ejemplo, que un paciente fue creado con exito.

ESTRUCTURACIÓN DE CARPETAS

Sprint Nro. XX

La idea principal de la reestructuración de las carpetas fue para ordenar los test y que sigan la misma estructura de la Organización General de ANDES.