Playwright E2E Testing with AI for Beginners – Zero to Hero
Last updated 8/2025
Duration: 6h 6m | .MP4 1280x720 30 fps(r) | AAC, 44100 Hz, 2ch | 2.82 GB
Genre: eLearning | Language: English
Last updated 8/2025
Duration: 6h 6m | .MP4 1280x720 30 fps(r) | AAC, 44100 Hz, 2ch | 2.82 GB
Genre: eLearning | Language: English
Build robust E2E tests with TypeScript, use Playwright MCP for AI test gen, learn POMs, add automation with CI/CD
What you'll learn
- 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.
- Fixtures & Hooks: Setup/teardown management
- API Testing: HTTP requests & response validation
- CI/CD & Reporting: Pipeline integration & HTML reports
- Playwright automation - use Playwright as a web scrapping tool
Requirements
- Knowing some JavaScript (or TypeScript) fundamentals can speed things up
- Windows/macOS/Linux with administrator permissions so that you can install tools and software
- Visual Studio Code IDE
- To install and use GitHub Copilot, you need a free GitHub account
Description
This hands-on course is designed for complete beginners who want to master end-to-end testing with Playwright usingJavaScriptandTypeScript.
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 MCPto 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 forPlaywright automation. All theTypeScriptcode 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 modernJavaScript/TypeScripttools, this course will equip you with everything you need to deliver fast, reliable, and maintainable end-to-end and API tests.
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.
Who this course is for:
- Manual Testers Transitioning to Automation
- Automation Engineers & SDETs
- Frontend Developers
- Backend/API Developers
- QA Leads & Architects
- DevOps & CI/CD Engineers
- Students & Bootcamp Graduates
- TypeScript developers engaged in Quality products
More Info