Playwright JS Automation Testing from Scratch with Framework

Playwright JS Automation Testing from Scratch with Framework

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 78 lectures (15h 36m) | 6.05 GB

Playwright -Modern Testing tool for reliable Web Automation. Support API calls with in UI tests for Smarter Automation.

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)

What you’ll learn

  • 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
Table of Contents

Introduction to Playwright Automation & Course expectations
Introduction to Playwright Features – Part 1
Introduction to Playwright Features – Part 2
How this Course is designed Topics Breakup
Install Node.js & Visual Studio for setting up Playwright Environment

Getting started with Playwright Automation Core concepts
Where to download code files
Create npm Project and install Playwright dependencies for testing
Importance of Playwright Test Annotation and async await understanding
What is browser context and Page fixtures in Playwright – Example
Importance of Playwright configuration file and its details to run the tests
Running Playwright tests in multiple browsers – chrome, Firefox 7 Webkit

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
Techniques to wait dynamically for new page in Service based applications

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
Handling Child windows & Tabs with Playwright by switching browser context

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

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
Complete E2E flow of Placing the order and grab the OrderID with Playwright
Dynamically find the order from OrderHistory page using Playwright Script logic

Handling Web dialogs, Frames & Event listeners with Playwright
How to validate if element is hidden, displayed mode with Expect assertions
How to automate JavaJavaScript Alert popups with Playwright
How to handle & Automate frames with Playwright – Example

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 webAPI
End to end validation with mix of API & Web concepts – Reduce test time
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

Session storage & Intercepting Network requestresponses 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 reqresponses
How to intercept Network response calls with Playwright route method
How to intercept Network request calls with Playwright – Example demo
How to abort the Network calls with Playwright – Examples

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

Page Object Patterns & Data driven Parameterization for Playwright Tests
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

Project Configurations, & Config options for robust Framework design
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

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

HTMl & Allure Reporting & CICD 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

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

Course Code download
Code download

Learn JavaScript Fundamentals from Scratch for Automation
Important Info about this Section
Complete 3 hours JavaScript Tutorial for Automation Testing

Homepage