Playwright Automation Testing-PNR EDU

Course Content:

1. Introduction to Automation Testing

• Basics of Testing & QA Concepts

• Types of Testing (Functional, Regression, UI/UX)

• Benefits of Automation Testing

2. Playwright Fundamentals

• Introduction to Playwright

• Setting up the Environment

• Cross-Browser Automation

• Playwright Selectors & Actions

• Handling Alerts, Frames, and Popups

3. TypeScript for Automation

• TypeScript Basics & Syntax

• Variables, Data Types & Functions

• Object-Oriented Programming Concepts

• Integration with Playwright Scripts

4. Advanced Playwright Automation

• Writing Modular & Reusable Test Scripts

• Handling Dynamic Elements & Async Operations

• Test Assertions & Validations

• Parallel Testing & Reporting

5. Hands-On Projects & Practical Scenarios

• Real-Time Web Application Testing

• CI/CD Integration for Automation Scripts

• End-to-End Automation Projects

TypeScript

            Introduction to Typescript

            Variables & Datatypes

            Type inference & Type assertion

            Decision making statements

            Iterative statements

            Functions & Arrays

            Classes & Objects

            Constructors

            Data Modifiers

Introduction to Playwright

            Introduction to playwright features

            Installing VS code & node.js

            Setting up playwright environment

Getting started with playwright Automation

            Create first npm project & install playwright dependencies

            Importance of Playwright Test Annotation and async & await understanding

            Browser context and Page fixtures in Playwright

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

            Running Playwright tests in multiple browsers - chrome, Firefox

Playwright basic methods for web automation

            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 web elements in page

            Understanding how wait mechanisms works if list of elements are returned

            Techniques to wait dynamically for new page in Service based applications

Handling UI components

            Handling static select dropdown options

            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

Learn playwright inspectors and trace viewers

            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

Handling dialogs, frames, event listeners

How to automate Java/JavaScript Alert popups with Playwright

How to handle & automate frames with Playwright

API testing-

            Understanding the importance of API integration calls for Web tests

Playwright request method to make API calls and grab response

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

Perform visual testing with playwright

            Capture screenshots with playwright page & partial Element level – Demo         

What is visual testing & How to perform it using Playwright

            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

Project configurations & config options

            Various options in use property & setting up Project configurations

HTML & allure reporting

            How to generate html and allure reporting

            How to create custom scripts to trigger the tests from package.json