E2E Testing con Playwright y TypeScript
- Compra ahora
- Descubrir más
- Debates
Introducción al curso

🤔 ¿Cómo consultar tus dudas?
🤓 Recomendaciones para hacer el curso
🫵🏻 Actividades en el curso
🤔 ¿Qué es E2E Testing?
🧑🏻‍💻 E2E: Beneficios y desafíos de implementarlo.
🎭 Un primer vistazo a Playwright
❔ Cuestionario módulo 1
🔥 Asignación
Instalación y configuración de nuestro espacio de trabajo

🧑🏻‍💻 Instalación de Node.JS, NPM y Playwright
🤖 Extensiones útiles para trabajar con Playwright y VSCode
❔ Cuestionario rápido para este módulo
🔥 Asignación
TypeScript como lenguaje

🤯 Los tipos y TypeScript: ¿En qué se diferencia con JavaScript?
🧑🏻‍🎓 Clases y funciones en TypeScript
😱 El uso de Async y Await en Playwright
❔ Cuestionario módulo 3
🔥 Asignación
Introducción a Playwright

🚀 Arquitectura y componentes
📍 Navegando a una URL
☕️ Nuestro primer Test: Validando el título de una web.
🙌🏻 Bonus: Un solo test para validar todos los links del header de forma separada.
❔ Cuestionario módulo 4
🔥 Asignación
Encontrar elementos en una página web: Locators

Plazo de 7 días

🪲 Introducción a los Locators
📕 locators: getByRole()
💎 locators: getByText()
💡 locators: getByLabel y getByPlaceholder
📎 locators: getByAltText()
🪔 locators: getByTitle()
🔆 locators: getByTestId()
♨️ Extra: Configurar el TestID con otro nombre
📢 Locators: CSS y Path
💢 Locators: El uso de { exact : true }
🗣️ Shadow DOM
📚 Filtrando nuestros locators por Texto
📗 Filtrando por otro locator
🙏🏻 Filtrando por elemento visible
👻 ¿Qué hacer con las listas y sus elementos?
❔ Cuestionario
🔥 Asignación
Interactuar con Elementos web.

Plazo de 14 días

🖲️ El click: El comando que más vamos a usar.
🧩 El comando Fill: Interactuando con campos de texto
🏄🏻 BONUS: Type, presionar teclas
🤖 Checkboxes y Radio Buttons: Cómo trabajar con estos elementos?
🤫 Dropdowns: ¿Cómo trabajar con ellos?
🔥 Upload y Drag and Drop: No tan frecuentes, pero útiles comandos para interactuar con el Front End
❓ Cuestionario
🔥 Asignación
Validando el estado de nuestro sistema

Plazo de 21 días

📍 Qué son los Assertions?
🚀 Creando nuestras primeras validaciones: Checked y Unchecked
👀 Validando un texto visible luego de una operación asíncrona
🎁 Validando que el campo tiene el valor esperado
🔍 Un ejercicio sencillo que se complica: Validando los items en un dropdown engañoso
🔨 Validaciones tabla estatica: ¿Cómo lo hacemos?
🖥️ Validaciones en una tabla dinámica
⌨️ Soft Assertions: ¿Qué son y para qué sirven?
💻 Validando el popup en Free Range Sandbox: El approach oficial y qué hacer cuando no funciona
❓ Cuestionario
🔥 Asignación: Validaciones
Ejecución y su control

Plazo de 28 días

🫨 Anotaciones: Skip, Only y Tags
🧠 Anotaciones: Fail, Fix me y Screenshots!
🏹 playwright.config.ts
🧉 Creando configuraciones con Projects
🏆 Modo UI: El mejor compañero de trabajo!
🛹 Dos maneras de crear Tests sin (casi) escribir código
❓ Cuestionario
🔥 Asignación del Módulo: Ejecución y Control de Tests con Playwright
Playwright y las APIs

Plazo de 35 días

🎯 Es Playwright una herramienta para API Testing?
⛳️ Configurando nuestras pruebas de API
🥊 Completando un flujo de pruebas API
🎣 Integrando E2E y API Testing
❓ Cuestionario
🔥 Asignación del Módulo: API Testing con Playwright
Playwright avanzado y mejores prácticas

Plazo de 42 días

👓 Page Object Model: ¿Qué es y por qué implementarlo?
🫶🏻 Creando respuestas falsas con mocks
🙃 Agregando elementos extra a una respuesta real de una API con mocks
🧛🏻‍♂️ El reporte de Playwright y algunas configuraciones extra para hacerlo más completo
🦶🏻 Mejores prácticas con Playwright
❓ Cuestionario
🔥 Asignación del Módulo: Playwright Avanzado - Page Object Model, Mocking, Reportes y Mejores Prácticas
Palabras finales

Plazo de 49 días

🙌🏻 Despedida y conclusión final
📝 Dejá tu testimonio inmortalizado en la web!

🎭 Un primer vistazo a Playwright

Cómo se ve Playwright? Qué tan diferente es de Selenium?