Cypress: E2E Automation Testing con JS, a fondo!

Name: Cypress: E2E Automation Testing con JS, a fondo!
Rating: 4.5 (910 reviews)

Aprendé el framework de Automation que más está subiendo en tendencia a la hora de buscar trabajo como Tester, Cypress!

Created byThe Free Range Tester

Last updated 9/2025

Spanish

What you'll learn

Por qué Cypress tiene un papel cada vez más importante como herramienta de Automation E2E.
Instalación de las herramientas necesarias para trabajar con Cypress.
Automatización de UI con Cypress.
Automatización de API con Cypress
Automatización E2E con Cypress
Las mejores prácticas propuestas por esta herramienta.
Cómo usar las mejores prácticas usadas en otras herramientas: Page Object Model, iteración de test data.

Course content

11 sections • 60 lectures • 6h 36m total length

¿Cómo funciona el curso?1:42
Cómo es la estructura del curso y mi manera de enseñar?
Tengo una pregunta...¿Cuál es la mejor manera de consultar mi duda?1:03
En algún momento del curso seguramente te surja una duda. En este video te explico rápido cuál es la mejor manera de hacer tus preguntas en el curso.
El mindset de aprendizaje que aconsejo y que es parte del curso.2:26
Con los años he observado distintos tipos de predisposición a aprender. En este video te recomiendo, muy rápido, la mentalidad que te va a llevar adelante para aprender y, en definitiva, para progresar en tu carrera.
Disclaimer sobre versión y funciones experimentales de Cypress1:25
Las tecnologías cambian de versión y, con esto, a veces cambian sus interfaces y manejo. La versión previa a la número 10 de Cypress tenía sus diferencias con la versión 10. Es por eso que en este video te aconsejo qué versión usar para arrancar.

Qué es Cypress y por qué está tan de moda?1:57
Por qué está ganando tanto terreno? Hay demanda laboral? Por qué aprender Cypress hoy es una gran idea?
El concepto de Cypress y sus beneficios frente a Selenium.2:53
Cypress plantea diferencias conceptuales a cómo se hace automation. Vamos a hablar de ellas.
Algunas palabras sobre Cypress vs Selenium3:49
Cypress presenta numerosos beneficios frente a otras herramientas como Selenium, vamos a ver cuáles!
Un primer vistazo a sus desventajas frente a otras opciones.3:52
Tantas ventajas tienen que tener alguna desventaja... no todo es color de rosa y en esta clase vamos a ver por qué!
Unas palabras sobre la historia de Javascript y de qué va el lenguaje.6:13
Java...JavaScript... me ha tocado ver entrevistados ser rechazados por creer que están relacionados. En esta clase vas a aprender la relación que tienen (no es la que pensabas!)

La base teórica de JavaScript necesaria.14:59
Venís de Java, C#, Python? Te vas a encontrar que JS es un mundo algo diferente. Repasemos lo necesario para empezar el curso!
Instalando Node.js, VSCode y Cypress: Windows y MacOS.4:13
Primera instalación necesaria: Node y su opción para manejo de paquetes: npm.
La UI de Cypress6:42
Cypress y un recorrido por la UI que nos ofrece.
Abriendo nuestro proyecto de Cypress en VSCode3:10
Usar VSCode con Cypress es muy sencillo y en esta clase lo vemos.

Creando un test básico y ejecutando en el Test Runner: Características, UI.10:01
Cómo se ve un Test en Cypress y qué lo compone?
Ejecutando los tests en distintos browsers.6:14
Cómo ejecutar tests en distintos browsers con Cypress.
Estructura de un proyecto en Cypress.9:42
Durante su instalación, Cypress nos crea un esqueleto de proyecto con el que podemos empezar ya a trabajar. Veamos qué incluye y para qué es cada directorio.

El plugin del Test Runner para generar locators.6:26
La manera más sencilla que nos ofrece Cypress de dar con los locators. Listos para usar en nuestro código!
Locators Parte 2: La filosofía y cómo escribir nuestros CSS Locators9:49
Qué tipo de locators acepta Cypress y por qué?
Plugin para habilitar el uso de XPath con Cypress.4:47
Una pequeña trampa para los que prefieran usar xpath como locator.
Encontrando un web element por su texto3:57
Otra manera de encontrar locators, basándonos en su texto en lugar de CSS selectors.
Filtros y cómo nos ayudan a encontrar elementos web3:13
Las Assertions más comunes en Cypress y cómo usarlas.17:45
Las librerías para realizar assertions (validaciones) con cypress y qué tipo de validaciones podemos hacer.
Debugging en Cypress: Log, Pause, Debug e interfaz17:24
Las herramientas que Cypress nos da para ayudarnos en nuestro desarrollo de tests automatizados.

Cómo funciona el comando .get()?4:43
el comando cy.get(), cómo funciona y ejemplos prácticos.
Cómo funciona el comando .find()?2:51
Un pariente cercano de cy.get(), el comando cy.find(). Cuándo usarlo? Ejemplos prácticos.
Comandos que te van a ayudar a ubicar elementos14:54
Excelentes opciones que Cypress nos da para encadenar al get y ubicar elementos por posición y otras relaciones.
Los comandos más usados para UI20:10
Una demostración y explicación de los comandos más usados para UI, cómo y cuándo usarlos.
Validaciones con Cypress: Explícitas e implícitas?8:24
Ahondando en las capacidades brindadas por mocha y chai para validar.
Promesas en Cypress: Qué son?2:22
Uno de los pilares fundamentales de Cypress, las promesas: Qué son?
Cómo manejamos las Promesas con Cypress?3:59
Cómo trabajamos con las promesas? Cómo usarlas a nuestro favor?
Callbacks: Qué son y cómo se usan?4:31
Utilizando `cy.task()` para Ejecutar Tareas en el Backend en Cypress1:12
Manejando tablas con Cypress y el comando each.17:50
Una de las grandes dificultades cuando se comienza a automatizar: Cómo obtener y escribir valores en tablas estáticas y dinámicas?

Usando jQuery y Cypress para manejar los tabs.9:10
jQuery y cómo nos ayuda junto a Cypress.
El comando experimental Session y cómo acelerar el login6:15
Un comando experimental que vale la pena aprender: Session. Para qué es y cómo usarlo?
Manejo de Cookies12:32
Obtener, definir y manejar cookies en general en esta clase! Para qué y cuándo usar estos comandos?
Cypress y Proxies para llegar a nuestra aplicación bajo prueba2:03

Usando el método cy.request para enviar requests del tipo GET.12:30
Cómo realizar GET requests a APIs con Cypress? Ejemplos de cómo y cuándo usarlo.
Usando el método cy.request para enviar requests del tipo POST.5:24
Cómo realizar POST requests a APIs con Cypress? Ejemplos de cómo y cuándo usarlo.
Usando el método cy.request para enviar requests del tipo PUT.2:56
Cómo realizar PUT requests a APIs con Cypress? Ejemplos de cómo y cuándo usarlo.
Usando el método cy.request para enviar requests del tipo DELETE.1:57
Cómo realizar DELETE requests a APIs con Cypress? Ejemplos de cómo y cuándo usarlo.
Usando el método cy.intercept para mocking y stubbing.6:15
Un comando relativamente nuevo y muy interesante: cy.intercept(). Cómo y cuándo usarlo.
Usando el método cy.intercept parte 2: En acción5:14
Ejemplos con APIs y Cypress: Logins16:21
Acelerando nuestros logins usando lo aprendido y fogueando a través de la API en lugar de la UI. E2E Testing en todo su esplendor!
Ejemplos con APIs y Cypress: dB Seeding.6:57
Otra gran utilidad: dB Seeding para dejar la aplicación lista para ser testeada bajo nuestros términos.

Cómo funcionan los fixtures?5:54
Dónde guardar la data y cómo acceder a ella en Cypress?
Parametrizando test data desde un JSON usando Each.6:46
Un solo test, varias ejecuciones con distinta data. Cómo lo hacemos?
La filosofía de los comandos: en contra del Page Object Model.9:41
Por qué Cypress recomienda NO usar el Page Object Model? Por qué yo pienso que SI deberías usarlo...
IMPORTANTE: Update a Cypress 10 a partir de ahora - Intro a commands.js5:05
Explicando la manera de trabajar con las mejores prácticas sugeridas por Cypress y anuncio de Cypress 10: Actualizamos nuestra versión y vemos qué cambió.
Creando comandos para ser reutilizados: Handler para iFrames8:23
Un comando reutilizable para manejar iFrames.
Creando comandos para ser reutilizados: Login4:53
Un comando personalizado para manejar el login en un solo lugar.
Creando comandos para ser reutilizados: Cuando se abre una ventana nueva4:50

Viendo de qué va el Dashboard y su utilidad.7:39
El dashboard en la nube de Cypress. Qué ofrecen? Es para todo el mundo? Cómo conectamos nuestro proyecto?
Monitoreando los videos y screens que se crearon.1:40
Cómo y dónde se guardan los videos de las ejecuciones de Cypress?
Generando reportes Mochawesome.6:39
Tu equipo no puede usar el Dashboard por motivos de seguridad o confidencialidad de la empresa? No importa! En esta clase aprendemos a generar reportes HTML con Mochawesome.
Implementando Page Object Model en Cypress.12:19
Una elegante manera de implementar Page Object Model con Cypress. Tan sencillo y con mucha mejor legibilidad!
Creando tests de accesibilidad con Axe y Cypress5:50

Requirements

Tener el curso de Programación para Testers completo o los conocimientos de GIT y programación básica allí planteados (Principios SOLID, Pilares de la Programación Orientada a Objetos, Git)

Description

Un framework que podés implementar super rápido, pero que requiere ciertos conocimientos para usarlo con eficiencia. En este curso vamos a ir de cero a avanzado para que, al terminar, tengas lo necesario para practicar y obtener ese tan ansiado trabajo o para que bien lo implementes en tu proyecto y sorprendas a todos con tus conocimientos!

Vamos a analizar en profundidad sus comandos, cómo configurarlo y cómo hacer un uso más eficiente que el que nos propone la mismísima herramienta. Vamos a entender el por qué de sus limitaciones, superarlas y comprender qué técnicas estamos usando para hacer de Cypress una herramienta de Automation ideal para tu equipo, empresa o curriculum!

Algunos puntos antes de empezar:

Component Testing va a ser sumado al curso una vez pase de ser un feature experimental a algo oficial (seguramente sufra muchos cambios hasta su implementación oficial).
BDD no fue incluido. Esto es porque considero que Cypress NO es la herramienta ideal ya que tenemos que deshacer muchas de las ventajas que nos da para poder implementarlo. Si la comunidad lo pide, lo agrego!
A medida que los alumnos me envíen desafíos que les manden en entrevistas, voy a ir completándolos y agregándolos en una sección al final llamada "Ejercicios de Entrevista". Espero esos desafíos!

Who this course is for:

Testers y Desarrolladores que quieran hacer tests con Cypress en sus aplicaciones.

Cypress: E2E Automation Testing con JS, a fondo!

What you'll learn

Explore related topics

Course content

Sobre este curso4 lectures • 7min

Introducción a Cypress: Sus ventajas y desventajas en Automation.5 lectures • 19min

Instalación paso a paso y setup del proyecto.4 lectures • 29min

Introducción al Runner de Cypress y el CLI.3 lectures • 26min

Automatizando con Cypress!7 lectures • 1hr 3min

Los comandos de Cypress: Todo lo que necesitás saber.10 lectures • 1hr 21min

Sesiones y Cookies con Cypress4 lectures • 30min

API requests y responses con Cypress8 lectures • 58min

Cypress - Entendiendo Fixtures y custom commands.7 lectures • 46min

Cypress - Reportes, dashboard y más5 lectures • 34min

Requirements

Description

Who this course is for: