Playwright JS/TS Automation Testing from Scratch & Framework
150k Learners- Playwright tutorials on TypeScript and JavaScript (Web - API )Testing, AI Agents, Cucumber, CI/CD etc
Lo que serás capaz de hacer
**Course last updated on August 2026 with Playwright Agents & MCP's demo ** Welcome to the comprehensive Playwright course that covers everything from the basics to frameworks + AI Agents, including TypeScript & JavaScript fundamentals without need of any prior programming experience. This course is entirely practical. We will use a fully functional e-commerce application for testing and learn how to automate every scenario of the application, including dynamic components often used in modern React and Angular applications. We will also explore how to perform API testing to create data within the application using Playwright. The course will show you how to conduct end-to-end functional testing, which includes both UI testing and API testing in a single script. This script creates data, tests scenarios, and deletes the data. Advanced topics are discussed, such as grabbing session cookies using APIs and responses to bypass the UI login screen for faster and more reliable execution. Everything is possible with Playwright, and this course demonstrates a systematic way to handle complex e-commerce applications with strategically designed automated test cases. The course covers two powerful frameworks for designing test cases: Playwright Cucumber BDD Framework Playwright with Mocha These two frameworks are built on top of page object design patterned tests, which take data from external sources and use custom utility methods to produce outstanding HTML reports. Finally, the complete framework will be integrated with CI/CD Jenkins and use Docker containers to run the tests. It's important to note that Playwright has powerful logging capabilities, including screenshots, videos, and built-in features called Playwright Inspector and Traces for a detailed view of post-execution. These features are demonstrated with live demos throughout the course. In conclusion, this course is a one-stop shop for you to become a Playwright hero and take charge of modern, full end-to-end test automation. Note : We are using JavaScript language binding to build Playwright Automation tests. (Js is mainly picked language for Playwright) For Beginners, there is 3 hours Javascript video in the last section of this course which covers all JS basics from Scratch including coding Assignments and quizzes which prepares candidates for Interviews. Course Structure Breakdown: Playwright Web/UI Automation (50%) - Master core Playwright concepts for comprehensive UI automation. Mixed Web & API Testing with Network Mocking (25%) - Expand your skills by combining UI and API testing with network mocking capabilities. Playwright Advanced Framework Features (25%) - Dive deep into advanced Playwright frameworks for optimal test design. Optional: JavaScript Basics for Beginners (3 hrs) - Build a solid JavaScript foundation for confident Playwright exploration. Become a Playwright hero and embrace the future of end-to-end test automation. Enroll today!
- Learn JavaScript & TypeScript fundamentals required for Playwright Automation testing
- Understand the Web Automation with Playwright on Live Applications
- Comprehensive knowledge on all Playwright Methods and their usage with examples
- Learn How to make API calls with in UI Automation tests to perform smart automation
- Understand how to Intercept Network/API requests & responses with Playwright
- Get Familiar with Playwright Inspector tool, Trace Viewer & Code Gen (Record Playback) tools
Temario
UNIDAD 1 - Introduction to Playwright Automation & Course expectations · 5 leccionesUNIDAD 1 - Introduction to Playwright Automation & Course expectations
UNIDAD 1 - Introduction to Playwright Automation & Course expectations
- The Tutorial to master "Test Automation Ecosystem" using Playwright
- Introduction to Playwright and its Key features
- How is this Course Strategy Designed? – Must-Watch Lecture
- Note for Windows PowerShell Users.
- Install Node.js & Visual Studio for setting up Playwright Environment
UNIDAD 2 - 3 hours of JavaScript & TypeScript Fundamentals including coding exercises · 1 leccionesUNIDAD 2 - 3 hours of JavaScript & TypeScript Fundamentals including coding exercises
UNIDAD 2 - 3 hours of JavaScript & TypeScript Fundamentals including coding exercises
- Action plan to complete Javascript learning
UNIDAD 3 - Getting started with Playwright Automation Core concepts · 9 leccionesUNIDAD 3 - Getting started with Playwright Automation Core concepts
UNIDAD 3 - Getting started with Playwright Automation Core concepts
- Download the complete course code as zip file
- Create npm Project and install Playwright dependencies for testing
- npm Error in PowerShell (for Windows Users)
- Importance of Playwright Test Annotation and async await understanding
- What is browser context and Page fixtures in Playwright ? - Example
- Consolidated place to find Practice Websites & API's used in this tutorial
- Importance of Playwright configuration file and its details to run the tests
- Setup Assertions in Playwright tests & multiple browsers Configuration
- Ace Your Playwright Technical Interview
UNIDAD 4 - Playwright Basic methods for Web Automation testing with examples · 8 leccionesUNIDAD 4 - Playwright Basic methods for Web Automation testing with examples
UNIDAD 4 - Playwright Basic methods for Web Automation testing with examples
- Locators supported by playwright and how to type into elements on page
- Extracting the text from browser and inserting valid expect assertions in test
- How to work with locators which extract multiple webelements in page
- Understanding how wait mechanism works if list of elements are returned
- Practice Apps to bring you confidence on subject
- Techniques to wait dynamically for new page in Service based applications
- Code download
- Test your knowledge of section-4
UNIDAD 5 - Handling UI Components(Dropdowns ,Radio Buttons, Childwindows) with Playwright · 8 leccionesUNIDAD 5 - Handling UI Components(Dropdowns ,Radio Buttons, Childwindows) with Playwright
UNIDAD 5 - Handling UI Components(Dropdowns ,Radio Buttons, Childwindows) with Playwright
- Handling static Select dropdown options with Playwright
- Selecting radio buttons, Checkboxes and implement expect assertions
- Using async await with Assertions and understand validating the attributes
- Note Before proceeding to next lecture.
- Handling Child windows & Tabs with Playwright by switching browser context
- Difference between textContent() & valueInput() methods in Playwright -example
- Code download
- Test your knowledge of Section-5
UNIDAD 6 - End to End Web Automation Practice Exercise with Playwright · 10 leccionesUNIDAD 6 - End to End Web Automation Practice Exercise with Playwright
UNIDAD 6 - End to End Web Automation Practice Exercise with Playwright
- Demo of the Application and Test Scenarios which needs to be automated
- Write the Script to dynamically find the product to buy from list of products
- Add assertions for the actions performed and implement necessary Sync steps
- Handling Auto suggestive dropdown options with playwright - Example
- Important Note
- Complete E2E flow of Placing the order and grab the OrderID with Playwright
- Download Code
- Dynamically find the order from OrderHistory page using Playwright Script logic
- End to End code discussed in the Section for reference
- Quiz on Section-7
UNIDAD 7 - Playwright Unique GetBy Locators for Smart Testing & Test Runner usage · 11 leccionesUNIDAD 7 - Playwright Unique GetBy Locators for Smart Testing & Test Runner usage
UNIDAD 7 - Playwright Unique GetBy Locators for Smart Testing & Test Runner usage
- Understand how GetByLabel & Playwright UI Runner works with an example
- Filtering elements with GetByRole,GetByText and perform chaining methods in step
- Code download
- Understand how Assertions Time out works in Global level & Step level with Demo
- Understand how Test Global time out works and how to customize it with example
- What are Actions Time out and how different they are from Assertions timeouts
- Notes Recap
- Understand when getByLabel can be used to enter into edit boxes
- Rewrite end to end test with getByRole, getByText conjuction with Filter logic
- Code download
- Quiz on Section-8
UNIDAD 8 - Learn Playwright Inspectors , Trace Viewers & Codegen tools with Demo examples · 3 leccionesUNIDAD 8 - Learn Playwright Inspectors , Trace Viewers & Codegen tools with Demo examples
UNIDAD 8 - Learn Playwright Inspectors , Trace Viewers & Codegen tools with Demo examples
- What is Playwright Inspector? And how to debug the playwright script
- Codegen tool to record & Playback with generated automation script
- Detailed view of Test Traces, HTML reports, logs & Screenshots for test results
UNIDAD 9 - Assignment Checkpoint · 3 leccionesUNIDAD 9 - Assignment Checkpoint
UNIDAD 9 - Assignment Checkpoint
- Practice App Demo for Assignments
- Full Booking Flow with Event Creation
- Refund Eligibility Check
UNIDAD 10 - Handling Web dialogs, Frames & Event listeners with Playwright · 3 leccionesUNIDAD 10 - Handling Web dialogs, Frames & Event listeners with Playwright
UNIDAD 10 - Handling Web dialogs, Frames & Event listeners with Playwright
- How to validate if element is hidden, displayed mode with Expect assertions
- How to automate Java/JavaScript Alert popups with Playwright
- How to handle & Automate frames with Playwright - Example
UNIDAD 11 - API Testing with Playwright and Build mix of Web & API tests · 10 leccionesUNIDAD 11 - API Testing with Playwright and Build mix of Web & API tests
UNIDAD 11 - API Testing with Playwright and Build mix of Web & API tests
- understanding the importance of API integration calls for Web tests
- Playwright request method to make API calls and grab response - Example
- Parsing API response & passing token to browser local storage with Playwright
- Place order API to create order and bypass the flow in UI with mix of web/API
- End to end validation with mix of API & Web concepts - Reduce test time
- Important Prerequisite before going through next 2 videos
- Refactor API calls from utils folder and isolate from Web test logic
- Part 2 - Refactor API calls from utils folder and isolate from Web test logic
- Code download for APIUtils file
- Code download for WebAPIPart1 file
UNIDAD 12 - Session storage & Intercepting Network request/responses with Playwright · 9 leccionesUNIDAD 12 - Session storage & Intercepting Network request/responses with Playwright
UNIDAD 12 - Session storage & Intercepting Network request/responses with Playwright
- How to save session storage using Playwright and inject into new Browser context
- How to debug the API steps in script using Visual code debugging
- Detailed view of Trace viewer to understand the API logging req/responses
- How to intercept Network response calls with Playwright route method
- Understand the playwright route method and its parameters in intercepting - demo
- Code download
- How to intercept Network request calls with Playwright - Example demo
- Code download
- How to abort the Network calls with Playwright - Examples
UNIDAD 13 - Learn Playwright Fixtures & build Custom Fixtures for Tests - Examples · 3 leccionesUNIDAD 13 - Learn Playwright Fixtures & build Custom Fixtures for Tests - Examples
UNIDAD 13 - Learn Playwright Fixtures & build Custom Fixtures for Tests - Examples
- What are Playwright Fixtures - Understand their use cases & Steps to implement
- Build UI Login Fixture & API call Fixture for a Test - Example
- Demo of 3 Custom Fixtures -Data driven, UI & API with Setup & TearDown unit code
UNIDAD 14 - Assignment on API Testing & Mocking with Playwright · 3 leccionesUNIDAD 14 - Assignment on API Testing & Mocking with Playwright
UNIDAD 14 - Assignment on API Testing & Mocking with Playwright
- Sandbox Banner Visibility with API Mocking
- Cross-User Booking Access Denied
- Build a Two-Fixture Test — Login Fixture + Event Creation Fixture
UNIDAD 15 - Perform Visual Testing with Playwright Algorithms · 2 leccionesUNIDAD 15 - Perform Visual Testing with Playwright Algorithms
UNIDAD 15 - Perform Visual Testing with Playwright Algorithms
- Capture Screenshots with Playwright on page & partial Element level - Demo
- What is visual testing & How to perform it using Playwright
UNIDAD 16 - Build Excel Utils and drive uploads downloads using Playwright · 8 leccionesUNIDAD 16 - Build Excel Utils and drive uploads downloads using Playwright
UNIDAD 16 - Build Excel Utils and drive uploads downloads using Playwright
- Important Note
- Introduction to excelJS node module and setting up JS Project
- Traversing rows and columns of excel worksheet with excelJS library
- Build Util functions to read and update excel file strategically
- How to get and update the data from excel based on filter search criteria
- Strategy to handle download & uploading files using Playwright
- End to end example for excel edits and upload with assertions using Playwright
- code download
UNIDAD 17 - Page Object Patterns & Data driven Parameterization for Playwright Tests · 8 leccionesUNIDAD 17 - Page Object Patterns & Data driven Parameterization for Playwright Tests
UNIDAD 17 - Page Object Patterns & Data driven Parameterization for Playwright Tests
- Important Prerequisite before going through this section
- What is page object pattern & Importance of its implementation
- Creating Page objects and action methods for end to end Script - Part 1
- Creating Page objects and action methods for end to end Script - Part 2
- Assignment Solution - Converting Page object Model Project
- How to drive the data from external json files to playwright tests
- Implementing Parameterization in running tests with different data sets
- How to pass test data as fixture by extend test annotation behaviour
UNIDAD 18 - Project Configurations, & Config options for robust Framework design · 4 leccionesUNIDAD 18 - Project Configurations, & Config options for robust Framework design
UNIDAD 18 - Project Configurations, & Config options for robust Framework design
- Fix with AI Button - Let LLM Models handle why your tests are failing.
- various options in use property & setting up Project configurations
- View port Property on emulating browser to mobile devices with playwright
- Screenshots, Videos, Traces & SSL certification options setting in Config file
UNIDAD 19 - Test Retries , Serial & Parallel execution & Tagging Tests in Playwright · 6 leccionesUNIDAD 19 - Test Retries , Serial & Parallel execution & Tagging Tests in Playwright
UNIDAD 19 - Test Retries , Serial & Parallel execution & Tagging Tests in Playwright
- how to fix flaky tests with test retry option in playwright config file
- Understand how playwright run tests in serial & parallel mode and update setting
- How to run tests parallely from the same file by extending test option behaviour
- Reason for test failures - Race condition - Fix them
- How to tag tests and control the execution from the command line parameters
- How one Playwright Interview Question can lead to 30 minutes Discussion
UNIDAD 20 - HTMl & Allure Reporting & CI/CD Jenkins Integration · 4 leccionesUNIDAD 20 - HTMl & Allure Reporting & CI/CD Jenkins Integration
UNIDAD 20 - HTMl & Allure Reporting & CI/CD Jenkins Integration
- How to generate HTML & Allure reporting for Playwright Framework tests
- How to create custom scripts to trigger the tests from package.json file
- Install & Configure Jenkins
- Integrate the Playwright framework with Jenkins and create parameterized Job
UNIDAD 21 - Understand TypeScript Basics and Refactor Playwright Framework to TypeScript · 7 leccionesUNIDAD 21 - Understand TypeScript Basics and Refactor Playwright Framework to TypeScript
UNIDAD 21 - Understand TypeScript Basics and Refactor Playwright Framework to TypeScript
- Important Note
- Understand the differences between TypeScript & JavaScript
- Deep dive into TypeScript type syntaxes and their usage - 1
- Deep dive into TypeScript type syntaxes and their usage -2
- Build Playwright Pageobject TypeScript files and enforce the typing standards
- Build Playwright Utility TypeScript files with enforcing the typing standards
- Refactor Playwright tests into TypeScript compatible and run the E2E Test
UNIDAD 22 - Playwright Cucumber Framework Integration with its features · 9 leccionesUNIDAD 22 - Playwright Cucumber Framework Integration with its features
UNIDAD 22 - Playwright Cucumber Framework Integration with its features
- What is Cucumber Framework ? How it fits in Playwright needs
- Cucumber Configuration and setup feature files into Playwright Project
- Create Step Definition files and associate with Cucumber.js config file
- Implement Code login into StepDefinition file and run Cucumber feature files
- What is World Constructor? Its usage in Playwright Cucumber
- Understand Cucumber Hooks and its implementation process in framework
- Implement Cucumber Tags for features and also demo on Tagged Hooks to filter
- Parameterization with Scenario outline & run tests Parallel in Playwright
- Generate HTML reports for Cucumber Playwright & Rerun failed Scenarios
UNIDAD 23 - E2E Playwright Devops using Azure Cloud Parallel hosting & Github Actions CI/CD · 13 leccionesUNIDAD 23 - E2E Playwright Devops using Azure Cloud Parallel hosting & Github Actions CI/CD
UNIDAD 23 - E2E Playwright Devops using Azure Cloud Parallel hosting & Github Actions CI/CD
- What is QA ops? How different it is from Devops? Why it is must for Frameworks
- Plan to implement QAOps in Playwright framework with Architectural diagram
- Introduction to Azure & Playwright cloud workspace resource creation steps
- Setup Storage Configurations & env values so that local tests connect to cloud
- Running Playwright Framework tests on Azure cloud with detailed reporting
- Push local Framework code into Github repository for CI/CD- Demo
- Introduction to GitHub Actions & detailed overview of .yml file
- Understand connecting GitHub Actions Pipeline to Azure Playwright cloud
- Demo - See magic of CI/CD trigger with cloud execution on new code push to repo
- Demo of CI/CD trigger on Pull request to main branch & Gate way checks on PR
- AzureCI/CD Pipelines.yml file download
- Running Tests Parallel on GitHub Shards configured with in Actions pipeline
- GitHub Shards pipeline.yml file download
UNIDAD 24 - Course Code download · 1 leccionesUNIDAD 24 - Course Code download
UNIDAD 24 - Course Code download
- Code download
UNIDAD 25 - Playwright Agents & MCP - Spin up AI Agents inside VS code with Github Copilot · 8 leccionesUNIDAD 25 - Playwright Agents & MCP - Spin up AI Agents inside VS code with Github Copilot
UNIDAD 25 - Playwright Agents & MCP - Spin up AI Agents inside VS code with Github Copilot
- Gen AI Integration to Playwright framework using Github Copilot plugin
- What is MCP? Understand how Playwright MCP help us to build AI Agent
- Use AI Agent mode to create new Playwright tests and execute them with Prompting
- Practice Apps to bring you confidence on subject
- What are Playwright inbuilt Agents? How they work under hood
- Setting up Playwright Agents and understand Chat mode options with their roles
- Use Planner & Generator Agent - To Create Test plan and build associated Script
- Healing agent -Use this to repair your failed tests generated by Generator Agent
UNIDAD 26 - Playwright CLI with Claude Code AI Agent · 3 leccionesUNIDAD 26 - Playwright CLI with Claude Code AI Agent
UNIDAD 26 - Playwright CLI with Claude Code AI Agent
- What is Playwright CLI? How different it is from MCP?
- Understand Skills.md & Setup Playwright CLI & Claude code
- Demo of AI Agent working behalf of us in building Playwright Tests
UNIDAD 27 - Most commonly asked JavaScript Programming Interview Questions · 5 leccionesUNIDAD 27 - Most commonly asked JavaScript Programming Interview Questions
UNIDAD 27 - Most commonly asked JavaScript Programming Interview Questions
- How the Interview questions video is designed?
- Questions list with Timestamp
- 75 Mins In detail discussion on commonly asked Programming Interview Questions
- Playwright Interview Questions with explanations part - 1
- Playwright Interview Questions with explanations part - 2
UNIDAD 28 - Appendix - Learn JavaScript Fundamentals from Scratch for Automation · 5 leccionesUNIDAD 28 - Appendix - Learn JavaScript Fundamentals from Scratch for Automation
UNIDAD 28 - Appendix - Learn JavaScript Fundamentals from Scratch for Automation
- Important Info about this Section
- Complete 3 hours JavaScript/TypeScript Tutorial for Automation Testing
- Test your JavaScript Array knowledge
- Manipulate an array of strings (add, remove, sort)
- Apply transformations and calculations to array elements, and filter elements based on a condition
UNIDAD 29 - Bonus Lecture · 1 leccionesUNIDAD 29 - Bonus Lecture
UNIDAD 29 - Bonus Lecture
- Bonus Lecture - Get ready for your next move
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
29 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
- 3
Cuestionarios por unidad
9 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
- 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 Rahul Shetty Academy - 1.3 Million Learners.
- 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.
- 29 unidades · 170 lecciones · 60 h
- 12 meses de acceso
- 9 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 Rahul Shetty Academy - 1.3 Million Learners; 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.


