Playwright E2E Test Automation with AI for Beginners
Build robust E2E tests with TypeScript, use Playwright MCP for AI test gen, learn POMs, add automation with CI/CD
Lo que serás capaz de hacer
This hands-on course is designed for complete beginners who want to master end-to-end testing with Playwright using JavaScript and TypeScript . Starting from the very first installation and project setup, you’ll learn how to write robust, maintainable tests that automate real-world browser workflows—from logging in and filling forms to navigating multi-page applications. Along the way, you’ll build confidence with Playwright’s intuitive context/page model, powerful selector strategies, and built-in fixtures and hooks to organize your test suites. You’ll discover how to: Interact with pages: Automate clicks, typing, drag-and-drop, dialogs, and frame navigation. Assert application state: Use Playwright’s TypeScript expect API for visibility, timing, text, and value checks. Handle networks: Intercept and mock HTTP requests to simulate back-end failures, control test data, and speed up execution. Scale tests: Run suites in parallel across Chromium, Firefox, and WebKit for broad browser coverage. Structure frameworks: Implement the Page Object Model, reusable utilities, and custom fixtures for scalable, team-ready code. Playwright automation: Automate your workflows with Playwright automation tools. You may even use it for web scrapping. Use AI tools and Playwright MCP to generate and manage test cases. Add API checks: Send REST requests via APIRequestContext, validate response payloads, and chain API flows alongside UI tests. Integrate CI/CD: Configure GitHub Actions (or your preferred pipeline) to run tests on every commit, generate HTML reports, and fail builds on regressions. Use Playwright with TypeScript: Use the most popular programming language for Playwright automation . All the TypeScript code is clean, properly formatted and professionally written. Whether you’re a manual tester stepping into automation, a developer wanting to catch regressions early, or a QA professional seeking modern JavaScript/TypeScript tools, this course will equip you with everything you need to deliver fast, reliable, and maintainable end-to-end and API tests. Legal Disclaimer This course is an independent training program and is not endorsed by, sponsored by, or affiliated with Playwright, Microsoft, or any of their subsidiaries. All product names, logos, and trademarks are the property of their respective owners. This course contains promotional materials.
- Core Concepts: Understand Playwright’s architecture and context/page model
- Element Selection: Use built-in selectors and custom locators for reliable element targeting. Use TypeScript for test scripts
- AI-driven test generation and management
- Playwright MCP - TypeScript
- Page Interactions: Automate user actions (clicks, typing, navigation) and handle frames, pop-ups, alerts.
- Assertions & Expectations: Apply Playwright’s expect API for state validation, visibility, timing, and value checks.
Temario
UNIDAD 1 - Introduction to Playwright · 10 leccionesUNIDAD 1 - Introduction to Playwright
UNIDAD 1 - Introduction to Playwright
- Welcome to the Playwright course
- Tools we will need
- Do you know JavaScript?
- Course source code and resources
- Creating the First Playwright Project
- Understanding Playwright tests and automation concepts
- Writing and Executing an Initial Test
- Playwright Test Fixtures
- Common Issues and Quick Fixes
- Async code explanation in TypeScript & JavaScript
UNIDAD 2 - Playwright locators - intro · 10 leccionesUNIDAD 2 - Playwright locators - intro
UNIDAD 2 - Playwright locators - intro
- Section intro
- HTML and DOM elements overview
- Playwright auto waiting
- Practice Application Overview
- GetByRole introduction
- GetByRole part 2: lists
- GetByRole part3: buttons and links
- GetByText
- GetByLabel and other selectors
- Locators intro quiz
UNIDAD 3 - Playwright locators - advanced · 6 leccionesUNIDAD 3 - Playwright locators - advanced
UNIDAD 3 - Playwright locators - advanced
- Section intro
- GetByTestId
- CSS locators
- Children, parents and index locators - Navigating DOM Hierarchies
- Locator tools: the inspector, codegen and debugger
- Advanced locators quiz
UNIDAD 4 - Interacting with elements in Playwright · 13 leccionesUNIDAD 4 - Interacting with elements in Playwright
UNIDAD 4 - Interacting with elements in Playwright
- Section intro - Interaction Patterns Overview
- Course resources
- Fill and keyboard actions
- Click actions
- Check and select
- Exercise: Auto-waiting practice in TypeScript with Playwright
- Handling cookies in a JavaScript/TypeScript app
- Managing Local Storage
- Handling dialogs
- Handling events - console
- Handling events - requests
- Working with files
- Actions quiz
UNIDAD 5 - Hands on practice #1 - Playwright automation · 3 leccionesUNIDAD 5 - Hands on practice #1 - Playwright automation
UNIDAD 5 - Hands on practice #1 - Playwright automation
- Section intro
- Testing project - feedback form
- Refactoring tests - Playwright TypeScript
UNIDAD 6 - Organizing and Managing Playwright tests · 10 leccionesUNIDAD 6 - Organizing and Managing Playwright tests
UNIDAD 6 - Organizing and Managing Playwright tests
- Section intro - playwright automation
- Test annotations
- Test hooks
- Organizing tests - describe
- Organizing tests - Tags
- Configuration layers - different levels of configuration
- Configuring testing device
- Test runner options - speeding test execution
- Using Multiple Playwright test Projects
- Playwright Test Organization and Management Quiz
UNIDAD 7 - Hands-on practice #2: Test real-world workflows [Intermediate level] · 13 leccionesUNIDAD 7 - Hands-on practice #2: Test real-world workflows [Intermediate level]
UNIDAD 7 - Hands-on practice #2: Test real-world workflows [Intermediate level]
- Section intro - Playwright automation focus
- Manual testing in Playwright
- Project setup - Playwright TypeScript
- Basic Test - add product to cart - TypeScript workflow
- Implementing the Page Object Model (POM) - TypeScript workflow
- End-to-End testing - Complete order workflow
- Playwright step function for Clear Reporting
- Mail utils for sign up workflow
- Automating the Sign-Up Flow
- Storing Credentials Securely
- Playwright authentication - Reusing Authentication State
- Intercepting and Asserting API Calls
- Improving Speed by Blocking Assets
UNIDAD 8 - Using AI Tools for Test Automation (GitHub Copilot and Playwright MCP) · 12 leccionesUNIDAD 8 - Using AI Tools for Test Automation (GitHub Copilot and Playwright MCP)
UNIDAD 8 - Using AI Tools for Test Automation (GitHub Copilot and Playwright MCP)
- Section intro
- AI coding tools (Vibe Coding approach)
- Installing GitHub Copilot in VSCode
- Using GitHub Copilot
- Model Context Protocol (MCP)
- Installing Playwright MCP
- Playwright MCP - First steps
- Generating test scenarios using Playwright MCP
- Troubleshooting tests using GitHub Copilot
- Code completions
- Chat mode (Ask)
- Section summary & conclusion
UNIDAD 9 - API testing using Playwright · 9 leccionesUNIDAD 9 - API testing using Playwright
UNIDAD 9 - API testing using Playwright
- Section intro
- Identifying API calls in a web app
- API manual testing using Postman
- Creating a simple API request (GET request)
- Writing assertions (HTTP status code, headers, body)
- Creating complex requests (POST)
- Creating workflows (chaining requests)
- Making API calls from E2E tests
- Section summary
UNIDAD 10 - Playwright automation using CI/CD: Jenkins, GitLab & GitHub Actions [Advanced] · 9 leccionesUNIDAD 10 - Playwright automation using CI/CD: Jenkins, GitLab & GitHub Actions [Advanced]
UNIDAD 10 - Playwright automation using CI/CD: Jenkins, GitLab & GitHub Actions [Advanced]
- Section intro
- Playwright configuration for CI/CD
- Jenkins: Installation and first pipeline
- Jenkins: Playwright integration
- Jenkins: Publishing Playwright reports (JUnit, HTML)
- GitHub Actions: Playwright integration
- GitHub Actions: Publishing Playwright reports (GH annotations, HTML)
- GitLab CI/CD: Playwright integration
- GitLab CI/CD: Publishing Playwright reports (JUnit, HTML)
UNIDAD 11 - Playwright debug tools · 4 leccionesUNIDAD 11 - Playwright debug tools
UNIDAD 11 - Playwright debug tools
- Section intro
- VSCode Debug and UI mode
- Screenshot, video, trace
- Debugging on CI/CD
UNIDAD 12 - JavaScript / TypeScript quick start for Playwright testing [OPTIONAL] · 24 leccionesUNIDAD 12 - JavaScript / TypeScript quick start for Playwright testing [OPTIONAL]
UNIDAD 12 - JavaScript / TypeScript quick start for Playwright testing [OPTIONAL]
- Section intro
- First JavaScript program
- Browser vs Node
- Data types
- Strings
- Variables
- Arrays
- Loops
- Functions
- Practice project - nodejs
- Practice project - Web
- Http requests
- Node fetch
- Browser fetch
- Async Await syntax
- JavaScript modules
- NPM
- TypeScript intro
- Type aliases
- Any and unknown
- TypeScript functions
- Classes
- Interfaces and type extensions
- Generics
UNIDAD 13 - Final thoughts & Conclusion · 1 leccionesUNIDAD 13 - Final thoughts & Conclusion
UNIDAD 13 - Final thoughts & Conclusion
- Bonus lecture
Tu certificado lo emite la SEP, no solo una plataforma
Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.
Tu certificado con INEC
- Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
- Documento oficial con folio verificable en línea
- Lo otorga la Universidad Tecnológica Fidel Velázquez
Otras plataformas en línea
- Constancia privada emitida por la misma plataforma
- Solo acredita horas cursadas o asistencia
- Sin respaldo de una autoridad educativa
Tu itinerario, de la inscripción al certificado
- 1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
- 2
Estudias a tu ritmo
13 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
4 cuestionarios para comprobar lo aprendido.
- 4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.
Un certificado oficial de la SEP
Muestra · verificable por folio y QR
- Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
- Contenido impartido por Valentin Despa.
- Folio y QR verificables para compartirlo con quien te contrate.
Empieza hoy, a tu ritmo
Un solo pago y acceso inmediato al curso completo durante 12 meses.
- 13 unidades · 124 lecciones · 60 h
- 12 meses de acceso
- 4 cuestionarios de evaluación
- Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable
Sobre tu inscripción
¿Cómo es el pago?
Un solo pago de $2,800 MXN. No hay mensualidades ni cargos recurrentes.
¿Cuánto tiempo tengo acceso?
12 meses desde tu inscripción, 24/7, para avanzar a tu ritmo.
¿Quién imparte el contenido?
El curso es impartido por Valentin Despa; INEC gestiona tu inscripción, evaluación y certificado.
¿Qué pasa cuando vence mi acceso?
Puedes renovar tu cuenta tú mismo desde la plataforma, sin trámites ni esperas.
