Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Playwright JS/TS Automation Testing from Scratch
Section 1: Introduction to Playwright Automation & Course expectations
The Tutorial to master "Test Automation Ecosystem" using Playwright (3:15)
Introduction to Playwright and its Key features (12:32)
How is this Course Strategy Designed? – Must-Watch Lecture (5:33)
Note for Windows PowerShell Users
Install Node.js & Visual Studio for setting up Playwright Environment (8:27)
Section 2: 3 hours of JavaScript Fundamentals including coding exercises
Action plan to complete Javascript learning
Section 3: Getting started with Playwright Automation Core concepts
Download the complete course as zip file
Create npm Project and install Playwright dependencies for testing (7:21)
npm Error in PowerShell (for Windows Users)
Importance of Playwright Test Annotation and async await understanding (9:04)
What is browser context and Page fixtures in Playwright ? - Example (14:14)
Importance of Playwright configuration file and its details to run the tests (13:58)
Running Playwright tests in multiple browsers - chrome, Firefox 7 Webkit (11:17)
Setup Assertions in Playwright tests & multiple browsers Configuration (11:17)
Section 4: Playwright Basic methods for Web Automation testing with examples
Locators supported by playwright and how to type into elements on page (12:00)
Extracting the text from browser and inserting valid expect assertions in test (12:33)
How to work with locators which extract multiple webelements in page (10:57)
Understanding how wait mechanism works if list of elements are returned (10:13)
Techniques to wait dynamically for new page in Service based applications (17:38)
Code download
Quiz 1: Test your knowledge of section-4
Section 5: Handling UI Components(Dropdowns ,Radio Buttons, Childwindows) with Playwright
Handling static Select dropdown options with Playwright (9:28)
Selecting radio buttons, Checkboxes and implement expect assertions (7:18)
Using async await with Assertions and understand validating the attributes (7:53)
Note Before proceeding to next lecture.
Handling Child windows & Tabs with Playwright by switching browser context (24:51)
Difference between textContent() & valueInput() methods in Playwright -example (4:12)
Code download
Quiz 2: Test your knowledge of Section-5
Section 6: End to End Web Automation Practice Exercise with Playwright
Demo of the Application and Test Scenarios which needs to be automated (4:06)
Write the Script to dynamically find the product to buy from list of products (14:59)
Add assertions for the actions performed and implement necessary Sync steps (19:54)
Handling Auto suggestive dropdown options with playwright - Example (13:42)
Important Note
Complete E2E flow of Placing the order and grab the OrderID with Playwright (11:59)
Download Code
Dynamically find the order from OrderHistory page using Playwright Script logic (15:45)
End to End code discussed in the Section for reference
Quiz 3: Quiz on Section 7
Section 7: Playwright Unique GetBy Locators for Smart Testing & Test Runner usage
Understand how GetByLabel & Playwright UI Runner works with an example (13:03)
Filtering elements with GetByRole,GetByText and perform chaining methods in step (19:10)
Code download
Understand how Assertions Time out works in Global level & Step level with Demo (8:41)
Understand how Test Global time out works and how to customize it with example (6:21)
What are Actions Time out and how different they are from Assertions timeouts (12:00)
Notes Recap
Understand when getByLabel can be used to enter into edit boxes (4:44)
Rewrite end to end test with getByRole, getByText conjuction with Filter logic (18:04)
code download
Quiz 4: Quiz on Section-8
Section 8: Learn Playwright Inspectors , Trace Viewers & Codegen tools with Demo examples
What is Playwright Inspector? And how to debug the playwright script (8:36)
Codegen tool to record & Playback with generated automation script (6:44)
Detailed view of Test Traces, HTML reports, logs & Screenshots for test results (12:35)
Section 9: Assignment Checkpoint 1
Practice App Demo for Assignments (8:52)
Assignment 1: Full Booking Flow with Event Creation
Assignment 2: Refund Eligibility Check
Section 10 : Handling Web dialogs, Frames & Event listeners with Playwright
How to validate if element is hidden, displayed mode with Expect assertions (8:35)
How to automate Java/JavaScript Alert popups with Playwright (7:35)
How to handle & Automate frames with Playwright - Example (11:40)
Section 11: API Testing with Playwright and Build mix of Web & API tests
Understanding the importance of API integration calls for Web tests (11:09)
Playwright request method to make API calls and grab response - Example (15:16)
Parsing API response & passing token to browser local storage with Playwright (9:31)
Place order API to create order and bypass the flow in UI with mix of web/API (9:16)
End to end validation with mix of API & Web concepts - Reduce test time (14:09)
Important Prerequisite before going through next 2 videos
Refactor API calls from utils folder and isolate from Web test logic (20:01)
Part 2 - Refactor API calls from utils folder and isolate from Web test logic (8:57)
Code download for APIUtils file
Code download for WebAPIPart1 file
Section 12: Session storage & Intercepting Network request/responses with Playwright
How to save session storage using Playwright and inject into new Browser context (16:55)
How to debug the API steps in script using Visual code debugging (8:00)
Detailed view of Trace viewer to understand the API logging req/responses (4:25)
How to intercept Network response calls with Playwright route method (10:16)
Understand the playwright route method and its parameters in intercepting - demo (24:08)
Code download
How to intercept Network request calls with Playwright - Example demo (24:46)
Code download
How to abort the Network calls with Playwright - Examples (15:03)
Section 13: Learn Playwright Fixtures & build Custom Fixtures for Tests - Examples
What are Playwright Fixtures - Understand their use cases & Steps to implement (19:49)
Build UI Login Fixture & API call Fixture for a Test - Example (14:32)
Demo of 3 Custom Fixtures -Data driven, UI & API with Setup & TearDown unit code (8:36)
Section 14: Assignment Checkpoint 2: Assignment on API Testing & Mocking with Playwright
Assignment 3: Sandbox Banner Visibility with API Mocking
Assignment 4: Cross-User Booking Access Denied
Assignment 5: Build a Two-Fixture Test — Login Fixture + Event Creation Fixture
Section 15: Perform Visual Testing with Playwright Algorithms
Capture Screenshots with Playwright on page & partial Element level - Demo (5:51)
What is visual testing & How to perform it using Playwright (8:45)
Section 16: Build Excel Utils and drive uploads downloads using Playwright
Important Note
Introduction to excelJS node module and setting up JS Project (8:36)
Traversing rows and columns of excel worksheet with excelJS library (16:52)
Build Util functions to read and update excel file strategically (13:16)
How to get and update the data from excel based on filter search criteria (17:01)
Strategy to handle download & uploading files using Playwright (15:07)
End to end example for excel edits and upload with assertions using Playwright (10:21)
code download
Section 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 (14:22)
Creating Page objects and action methods for end to end Script - Part 1 (10:50)
Creating Page objects and action methods for end to end Script - Part 2 (7:56)
Assignment Solution - Converting Page object Model Project (5:11)
How to drive the data from external json files to playwright tests (10:07)
Implementing Parameterization in running tests with different data sets (7:39)
How to pass test data as fixture by extend test annotation behaviour (9:22)
Section 18: Project Configurations, & Config options for robust Framework design
Fix with AI Button - Let LLM Models handle why your tests are failing. (4:19)
various options in use property & setting up Project configurations (9:29)
View port Property on emulating browser to mobile devices with playwright (7:16)
Screenshots, Videos, Traces & SSL certification options setting in Config file (6:10)
Section 19: Test Retries , Serial & Parallel execution & Tagging Tests in Playwright
how to fix flaky tests with test retry option in playwright config file (6:36)
Understand how playwright run tests in serial & parallel mode and update setting (7:32)
How to run tests parallely from the same file by extending test option behaviour (6:15)
Reason for test failures - Race condition - Fix them (6:07)
How to tag tests and control the execution from the command line parameters (5:04)
How one Playwright Interview Question can lead to 30 minutes discussion (32:08)
Section 20: HTMl & Allure Reporting & CI/CD Jenkins Integration
How to generate HTML & Allure reporting for Playwright Framework tests (9:41)
How to create custom scripts to trigger the tests from package.json file (6:12)
Install & Configure Jenkins (4:11)
Integrate the Playwright framework with Jenkins and create parameterized Job (9:30)
Section 21: Understand TypeScript Basics and Refactor Playwright Framework to TypeScript
Important Note
Understand the differences between TypeScript & JavaScript (8:38)
Deep dive into TypeScript type syntaxes and their usage - 1 (14:34)
Deep dive into TypeScript type syntaxes and their usage -2 (13:19)
Build Playwright Pageobject TypeScript files and enforce the typing standards (10:12)
Build Playwright Utility TypeScript files with enforcing the typing standards (6:48)
Refactor Playwright tests into TypeScript compatible and run the E2E Test (14:34)
Section 22: Playwright Cucumber Framework Integration with its features
What is Cucumber Framework ? How it fits in Playwright needs (8:06)
Cucumber Configuration and setup feature files into Playwright Project (10:35)
Create Step Definition files and associate with Cucumber.js config file (9:22)
Implement Code login into StepDefinition file and run Cucumber feature files (8:05)
What is World Constructor? Its usage in Playwright Cucumber (14:15)
Understand Cucumber Hooks and its implementation process in framework (14:38)
Implement Cucumber Tags for features and also demo on Tagged Hooks to filter (13:16)
Parameterization with Scenario outline & run tests Parallel in Playwright (5:57)
Generate HTML reports for Cucumber Playwright & Rerun failed Scenarios (12:55)
Section 23: E2E Playwright Devops Solution using Azure Cloud Parallel hosting & CI/CD
What is QA ops? How different it is from Devops? Why it is must for Frameworks (5:28)
Plan to implement QAOps in Playwright framework with Architectural diagram (5:22)
Introduction to Azure & Playwright cloud workspace resource creation steps (7:14)
Setup Storage Configurations & env values so that local tests connect to cloud (13:23)
Running Playwright Framework tests on Azure cloud with detailed reporting (11:02)
Push local Framework code into Github repository for CI/CD- Demo (6:26)
Introduction to GitHub Actions & detailed overview of .yml file (13:02)
Understand connecting GitHub Actions Pipeline to Azure Playwright cloud (17:07)
Demo - See magic of CI/CD trigger with cloud execution on new code push to repo (8:42)
Demo of CI/CD trigger on Pull request to main branch & Gate way checks on PR (12:18)
AzureCI/CD Pipelines.yml file download
Running Tests Parallel on GitHub Shards configured with in Actions pipeline (31:02)
GitHub Shards pipeline.yml file download
Section 24: Course Code download
Code download
Section 25: Playwright Agents & MCP - Spin up AI Agents inside VS code with Github Copilot
Gen AI Integration to Playwright framework using Github Copilot plugin (20:21)
Use AI Agent mode to create new Playwright tests and execute them with Prompting (10:53)
What is MCP? Understand how Playwright MCP help us to build AI Agent (6:44)
What are Playwright inbuilt Agents? How they work under hood (4:50)
Setting up Playwright Agents and understand Chat mode options with their roles (13:30)
Use Planner & Generator Agent - To Create Test plan and build associated Script (16:20)
Healing agent -Use this to repair your failed tests generated by Generator Agent (6:02)
Section 26: Playwright CLI with Claude Code AI Agent
What is Playwright CLI? How different it is from MCP? (11:53)
Understand Skills.md & Setup Playwright CLI & Claude code (11:03)
Demo of AI Agent working behalf of us in building Playwright Tests (7:44)
Section 27: Most commonly asked JavaScript Programming Interview Questions
How the Interview questions video is designed? (1:17)
Questions list with Timestamp
75 Mins In detail discussion on commonly asked JavaScript Interview Questions (82:56)
Top 20 Playwright Interview Questions with answers (44:01)
Playwright Interview Questions Part 2 (42:24)
Section 28: Appendix-Learn JavaScript Fundamentals from Scratch for Automation
Important Info about this Section
Complete 3 hours JavaScript Tutorial for Automation Testing (174:59)
Push local Framework code into Github repository for CI/CD- Demo
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock