Playwright JavaScript & TypeScript Course Content
JavaScript Fundamentals
Installation and Setting Up the Environment
Variables
Data Types
Operators
Conditional Statements
Loops
Functions
Arrow Functions
Arrays
Promises
TypeScript Fundamentals
Introduction to TypeScript and Its Advantages
Installing and Configuring TypeScript
Compiling and Running TypeScript
TypeScript Types
Type Inference
Explicit Types
Functions with Type Annotations
Enums in TypeScript
Type Assertion
Array Type Annotations
Recap
Getting Started with Playwright
Setting Up a New Project in Playwright
Understanding Playwright Architecture
Key Concepts (Context, Page, etc.)
Writing a Basic First Test Script
Selectors/Locators
Learning Basic CSS Syntax, xpath
Locating DOM Elements (by Title, Label, Role, etc.)
Performing Actions (Clicking, Typing)
Synchronization/Auto-Waiting
Assertions Using the Expect Library
Digging Deeper into Playwright
Understanding the Playwright Configuration File
Headless/Headed Modes
Debugging Using Pause Mechanism
Handling Lists of Elements
Working with Iframes
Handling Shadow DOM
Dealing with Alerts
Keyboard/Mouse Actions
Click, Right-Click, Context Click
Mouse Hover, Drag-and-Drop
File Upload and Download
Managing Multiple Tabs/Windows
Slider, Tooltip and Calendar Handling
Playwright Advanced Applications
Reading Data from Files (.xlsx, JSON)
Test Suite Structure
Reporters
Trace Viewer
Video Recording
Device Emulation
Code Generation (Record & Playback Tools)
Playwright Inspector
Visual Testing
Handling Basic APIs with Playwright
Why APIs?
Understanding Different API Methods
API Request Context
Handling API Requests with Playwright
Managing API Responses with Playwright
Network Interception
Playwright Test Runner and Reporter
Role of the Test Runner
Test Management
Grouping, Filtering, Skipping, and Using the "Only" Keyword
Test-Level Configuration
Test Retry Mechanism
Overriding Configurations
At Test Level
At Project Level
Test Parameterization
Building Test Suites
Test Steps
Cross-Browser Testing
Generating Reports
Global Setup/Tear Down
OOP Concepts for Playwright
Classes in TypeScript
Constructors
Access Modifiers
OOP Principles
Practical Implementation in Playwright (Inheritance, Polymorphism,
etc.)
Framework Generation for Playwright Automation
Introduction to Page Object Model (POM)
Refactoring an Existing Script with POM
Implementing Page Actions
Creating a Base Page
Implementing Common Action Methods
Refactoring Test Scripts with Best Practices
Report Generation and CI Integration
Generating HTML and Allure Reports for Playwright Automation
Installing and Configuring CI/CD Using Jenkins
Integrating the Playwright Framework with Jenkins
Capstone Projects
Implementing Test Scripts Without POM
Building a Framework for Your Project (POM, Test Runner, Reporter)
Adding an End-to-End Suite to the CI Pipeline