E2E Testing con Cypress y JavaScript
Compra ahora
Descubrir más
Debates
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.
Instalando Node.js, VSCode y Cypress: Windows y MacOS.
La interfaz de Cypress
Abriendo nuestro proyecto de Cypress en VSCode
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.
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.
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 nueva
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
Productos
Curso online
Sección
El Runner de Cypress y su CLI
El Runner de Cypress y su CLI
E2E Testing con Cypress y JavaScript
Compra ahora
Descubrir más
Debates
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.
Instalando Node.js, VSCode y Cypress: Windows y MacOS.
La interfaz de Cypress
Abriendo nuestro proyecto de Cypress en VSCode
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.
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.
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 nueva
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
3 Lecciones
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.