La interfaz de Cypress

La interfaz de Cypress

Vista previa no disponible

Debes iniciar sesión o registrarte para ver esta lección.

Iniciar sesiónRegistrarse

E2E Testing con Cypress y JavaScript

Comprar ahoraSaber más

Introducción al curso

¿Cómo funciona el curso?

Tengo una pregunta...¿Cuál es la mejor manera de consultar mi duda?

El mindset de aprendizaje que aconsejo y que es parte del curso.

Disclaimer sobre versión y funciones experimentales de Cypress

Sobre Cypress: Ventajas y desventajas frente a otros frameworks

¿Qué es Cypress y por qué está tan de moda?

El concepto de Cypress y sus beneficios frente a Selenium.

Algunas palabras sobre Cypress vs Selenium

Un primer vistazo a sus desventajas frente a otras opciones.

Unas palabras sobre la historia de Javascript y de qué va el lenguaje.

E2E: Beneficios y desafíos para hacerlo bien

Instalación paso a paso y setup del proyecto

La base teórica de JavaScript necesaria.1

Instalando Node.js, VSCode y Cypress: Windows y MacOS.

La interfaz de Cypress

Abriendo nuestro proyecto de Cypress en VSCode

Mini ejercicio práctico

El Runner de Cypress y su CLI

Creando un test básico y ejecutando en el Test Runner: Características, UI.

Ejecutando los tests en distintos browsers.

Estructura de un proyecto en Cypress.

Automatizando con Cypress

El plugin del Test Runner para generar locators.

Locators Parte 2: La filosofía y cómo escribir nuestros CSS Locators

Plugin para habilitar el uso de XPath con Cypress.2

Encontrando un web element por su texto

Filtros y cómo nos ayudan a encontrar elementos web

Las Assertions más comunes en Cypress y cómo usarlas.

Debugging en Cypress: Log, Pause, Debug e interfaz

Los comandos de Cypress: Todo lo que necesitás saber

Cómo funciona el comando .get()?

Cómo funciona el comando .find()?

Comandos que te van a ayudar a ubicar elementos

Los comandos más usados para UI

Validaciones con Cypress: Explícitas e implícitas?

Promesas en Cypress: ¿Qué son?

Cómo manejamos las Promesas con Cypress?

Callbacks: Qué son y cómo se usan?

Manejando tablas con Cypress y el comando each.2

Sesiones y cookies

Usando jQuery y Cypress para manejar los tabs.

El comando experimental Session y cómo acelerar el login

Manejo de cookies

Cypress y Proxies para llegar a nuestra aplicación bajo prueba

API Requests y Responses

Usando el método cy.request para enviar requests del tipo GET.

Usando el método cy.request para enviar requests del tipo POST

Usando el método cy.request para enviar requests del tipo PUT

Usando el método cy.request para enviar requests del tipo DELETE

Usando el método cy.intercept para mocking y stubbing.

Usando el método cy.intercept parte 2: En acción

Ejemplos con APIs y Cypress: Logins

Ejemplos con APIs y Cypress: dB Seeding.

Fixtures y Custom Commands

¿Cómo funcionan los fixtures?

Parametrizando test data desde un JSON usando Each

La filosofía de los comandos: en contra del Page Object Model

IMPORTANTE: Update a Cypress 10 a partir de ahora - Intro a commands.js

Creando comandos para ser reutilizados: Handler para iFrames

Creando comandos para ser reutilizados: Login

Creando comandos para ser reutilizados: Cuando se abre una ventana nueva2

Reportes, Dashboard y más

Viendo de qué va el Dashboard y su utilidad.

Monitoreando los videos y screens que se crearon

Generando reportes Mochawesome

Implementando Page Object Model en Cypress

Creando tests de accesibilidad con Axe y Cypress

Conclusión del curso

¿Qué aprendimos?

Si querés aprender más...

Dejá tu testimonio inmortalizado en la web