Playwright JS Automation Testing from Scratch with Framework

About Course

PLAYWRIGHT – The Most trending Automation tool which is an tough competitor to Selenium & Cypress
This is one and only Comprehensive Playwright course available online which covers everything from basics to Framework including JavaScript basics

**********10 reasons why Playwright can be future of UI Automation******************

Playwright enables reliable end-to-end testing for modern web apps with its Auto-wait capability

· Works on major Browser which uses Chromium Engine, (Chrome & Edge) Firefox, Safari (Web kit) & Opera

· Works on any OS – Windows, MAC, Linux & Supports Native mobile emulation of Google Chrome for Android and Mobile IOS in Safari

· Works with any language – JavaScript, TypeScript, Java, Python, C#(.NET). – (This course is made on JavaScript)

· Playwright have excellent inbuilt features called Traces which can take automatic Screenshots, test video recording, Flaky test retry & Logging mechanism

· Playwright provides inspector tool which help us to monitor and debug every step of execution, see click points and verify page locators on fly

· Playwright has inbuilt API Testing libraries to fire the Network calls on fly within Web Application. (Test Edge Case scenarios with the mix of web & API testing)

· Playwright provides browser context feature which help to save and transfer the browser state to any other new browser.

· Playwright provides codegen tool which Generate test code by recording your actions. Save them into any language.

With all the above top features it has, Playwright is now tough competitor for Selenium & Cypress automation tools.

Breakdown of Playwright topics in this course

We are using JavaScript language binding to build Playwright Automation tests. (Js is mainly picked language for Playwright)
For Beginners, there is 2 hours Javascript video in the last section of this course which covers all JS basics from Scratch.

Playwright Web/UI Automation (covers all core concepts) – 50%

Mix of Web & API Tests including Network mocking. – 25%

Playwright Advanced Framework features. – 25%

JavaScript Basics for Beginners (optional)

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
Develop End to end Framework with Playwright utilizing all the features available in the tool
Learn Visual testing with Playwright to compare the Images
Learn JavaScript fundamentals required for Playwright Automation testing

Course Content

01 – Introduction to Playwright Automation & Course expectations

001 Introduction to Playwright Features – Part 1.mp4

00:00
002 Introduction to Playwright Features – Part 2.mp4

00:00
003 How this Course is designed Topics Breakup.mp4

00:00
004 Install Node.js & Visual Studio for setting up Playwright Environment.mp4

00:00

02 – Getting started with Playwright Automation Core concepts

03 – Playwright Basic methods for Web Automation testing with examples

04 – Handling UI Components(Dropdowns ,Radio Buttons, Childwindows) with Playwright

05 – Learn Playwright Inspectors , Trace Viewers & Codegen tools with Demo examples

06 – End to End Web Automation Practice Exercise with Playwright

001 Demo of the Application and Test Scenarios which needs to be automated.mp4

00:00
002 Write the Script to dynamically find the product to buy from list of products.mp4

00:00
003 Add assertions for the actions performed and implement necessary Sync steps.mp4

00:00
004 Handling Auto suggestive dropdown options with playwright – Example.mp4

00:00
005 Complete E2E flow of Placing the order and grab the OrderID with Playwright.mp4

00:00
006 Download Code.html

00:00
007 Dynamically find the order from OrderHistory page using Playwright Script logic.mp4

00:00
008 End to End code discussed in the Section for reference.html

00:00

07 – Playwright Unique GetBy Locators for Smart Testing & Test Runner usage

08 – Handling Web dialogs, Frames & Event listeners with Playwright

09 – API Testing with Playwright and Build mix of Web & API tests

10 – Session storage & Intercepting Network requestresponses with Playwright

001 How to save session storage using Playwright and inject into new Browser context.mp4

00:00
002 How to debug the API steps in script using Visual code debugging.mp4

00:00
003 Detailed view of Trace viewer to understand the API logging reqresponses.mp4

00:00
004 How to intercept Network response calls with Playwright route method.mp4

00:00
005 Understand the playwright route method and its parameters in intercepting – demo.mp4

00:00
006 Code download.html

00:00
007 How to intercept Network request calls with Playwright – Example demo.mp4

00:00
008 Code download.html

00:00
009 How to abort the Network calls with Playwright – Examples.mp4

00:00

11 – Perform Visual Testing with Playwright Algorithms

12 – Page Object Patterns & Data driven Parameterization for Playwright Tests

13 – Project Configurations, & Config options for robust Framework design

14 – Test Retries , Serial & Parallel execution & Tagging Tests in Playwright

15 – HTMl & Allure Reporting & CICD Jenkins Integration

16 – Playwright Cucumber Framework Integration with its features

001 What is Cucumber Framework How it fits in Playwright needs.mp4

00:00
002 Cucumber Configuration and setup feature files into Playwright Project.mp4

00:00
003 Create Step Definition files and associate with Cucumber.js config file.mp4

00:00
004 Implement Code login into StepDefinition file and run Cucumber feature files.mp4

00:00
005 What is World Constructor Its usage in Playwright Cucumber.mp4

00:00
006 Understand Cucumber Hooks and its implementation process in framework.mp4

00:00
007 Implement Cucumber Tags for features and also demo on Tagged Hooks to filter.mp4

00:00
008 Parameterization with Scenario outline & run tests Parallel in Playwright.mp4

00:00
009 Generate HTML reports for Cucumber Playwright & Rerun failed Scenarios.mp4

00:00

17 – Course Code download

18 – Learn JavaScript Fundamentals from Scratch for Automation

Student Ratings & Reviews

No Review Yet

About Course

What Will You Learn?

Course Content

01 – Introduction to Playwright Automation & Course expectations

001 Introduction to Playwright Features – Part 1.mp4

002 Introduction to Playwright Features – Part 2.mp4

003 How this Course is designed Topics Breakup.mp4

004 Install Node.js & Visual Studio for setting up Playwright Environment.mp4

02 – Getting started with Playwright Automation Core concepts

001 Download the complete course code as zip file.html

002 Create npm Project and install Playwright dependencies for testing.mp4

003 Importance of Playwright Test Annotation and async await understanding.mp4

004 What is browser context and Page fixtures in Playwright – Example.mp4

005 Importance of Playwright configuration file and its details to run the tests.mp4

006 Running Playwright tests in multiple browsers – chrome, Firefox 7 Webkit.mp4

03 – Playwright Basic methods for Web Automation testing with examples

001 Locators supported by playwright and how to type into elements on page.mp4

002 Extracting the text from browser and inserting valid expect assertions in test.mp4

003 How to work with locators which extract multiple webelements in page.mp4

004 Understanding how wait mechanism works if list of elements are returned.mp4

005 Techniques to wait dynamically for new page in Service based applications.mp4

006 Code download.html

04 – Handling UI Components(Dropdowns ,Radio Buttons, Childwindows) with Playwright

001 Handling static Select dropdown options with Playwright.mp4

002 Selecting radio buttons, Checkboxes and implement expect assertions.mp4

003 Using async await with Assertions and understand validating the attributes.mp4

004 Handling Child windows & Tabs with Playwright by switching browser context.mp4

05 – Learn Playwright Inspectors , Trace Viewers & Codegen tools with Demo examples

001 What is Playwright Inspector And how to debug the playwright script.mp4

002 Codegen tool to record & Playback with generated automation script.mp4

003 Detailed view of Test Traces, HTML reports, logs & Screenshots for test results.mp4

06 – End to End Web Automation Practice Exercise with Playwright

001 Demo of the Application and Test Scenarios which needs to be automated.mp4

002 Write the Script to dynamically find the product to buy from list of products.mp4

003 Add assertions for the actions performed and implement necessary Sync steps.mp4

004 Handling Auto suggestive dropdown options with playwright – Example.mp4

005 Complete E2E flow of Placing the order and grab the OrderID with Playwright.mp4

006 Download Code.html

007 Dynamically find the order from OrderHistory page using Playwright Script logic.mp4

008 End to End code discussed in the Section for reference.html

07 – Playwright Unique GetBy Locators for Smart Testing & Test Runner usage

001 Understand how GetByLabel & Playwright UI Runner works with an example.mp4

002 Filtering elements with GetByRole,GetByText and perform chaining methods in step.mp4

003 Code download.html

08 – Handling Web dialogs, Frames & Event listeners with Playwright

001 How to validate if element is hidden, displayed mode with Expect assertions.mp4

002 How to automate JavaJavaScript Alert popups with Playwright.mp4

003 How to handle & Automate frames with Playwright – Example.mp4

09 – API Testing with Playwright and Build mix of Web & API tests

001 understanding the importance of API integration calls for Web tests.mp4

002 Playwright request method to make API calls and grab response – Example.mp4

003 Parsing API response & passing token to browser local storage with Playwright.mp4

004 Place order API to create order and bypass the flow in UI with mix of webAPI.mp4

005 End to end validation with mix of API & Web concepts – Reduce test time.mp4

006 Refactor API calls from utils folder and isolate from Web test logic.mp4

007 Part 2 – Refactor API calls from utils folder and isolate from Web test logic.mp4

10 – Session storage & Intercepting Network requestresponses with Playwright

001 How to save session storage using Playwright and inject into new Browser context.mp4

002 How to debug the API steps in script using Visual code debugging.mp4

003 Detailed view of Trace viewer to understand the API logging reqresponses.mp4

004 How to intercept Network response calls with Playwright route method.mp4

005 Understand the playwright route method and its parameters in intercepting – demo.mp4

006 Code download.html

007 How to intercept Network request calls with Playwright – Example demo.mp4

008 Code download.html

009 How to abort the Network calls with Playwright – Examples.mp4

11 – Perform Visual Testing with Playwright Algorithms

001 Capture Screenshots with Playwright on page & partial Element level – Demo.mp4

002 What is visual testing & How to perform it using Playwright.mp4

12 – Page Object Patterns & Data driven Parameterization for Playwright Tests

001 What is page object pattern & Importance of its implementation.mp4

002 Creating Page objects and action methods for end to end Script – Part 1.mp4

003 Creating Page objects and action methods for end to end Script – Part 2.mp4

004 Assignment Solution – Converting Page object Model Project.mp4

005 How to drive the data from external json files to playwright tests.mp4

006 Implementing Parameterization in running tests with different data sets.mp4

007 How to pass test data as fixture by extend test annotation behaviour.mp4

13 – Project Configurations, & Config options for robust Framework design

001 various options in use property & setting up Project configurations.mp4

002 View port Property on emulating browser to mobile devices with playwright.mp4