Comprehensive notes, code snippets, concepts, and best practices from a complete Playwright: From Zero to Hero course.
This repository contains my complete learning notes from an in-depth Playwright Automation Testing course.
The purpose of this repository is to serve as:
- 📚 A personal knowledge base
- 📖 A quick revision guide
- 💻 A reference while building automation frameworks
- 🚀 A resource for interview preparation
- 🧪 A collection of Playwright concepts, examples, and best practices
The notes are organized lesson-by-lesson following the course structure, making it easy to revisit any topic whenever needed.
- Playwright
- TypeScript
- JavaScript
- Node.js
- HTML DOM
- API Testing
- REST APIs
- Page Object Model (POM)
- GitHub Actions
- Docker
- Visual Testing
- CI/CD
- Argos CI
- Introduction
- Playwright vs Cypress
- Configuration of Development Environment
- Clone Test Application
- Module Overview
- Hello World
- Variables, Constants and Data Types
- Concatenation and Interpolation
- Objects and Arrays
- Relational and Equality Operators
- Logical Operators
- Conditional Statements
- Loops
- Functions
- Classes and Methods
- TypeScript vs JavaScript
- JavaSceipt Practice Exercise - Car Recommendation System
- Playwright Installation
- Test Execution with CLI
- Test Execution with UI
- Trace Viewer and Debug
- Test Structure
- Hooks and Flow Control
- Quiz 1 - Knowledge Check
- DOM Terminology
- Locator Syntax Rules
- User-Facing Locators
- Child Elements
- Parent Elements
- Reusing Locators
- Extracting Values
- Assertions
- Auto-Waiting
- Timeouts
- Quiz 2 - Knowledge Check
- Input Fields
- Radio Buttons
- Checkboxes
- Lists & Dropdowns
- Tooltips
- Dialog Boxes
- Web Tables (Part 1)
- Web Tables (Part 2)
- Date Picker (Part 1)
- Date Picker (Part 2)
- Sliders
- Drag & Drop with iframes
- What is Page Object Model
- First Page Object
- Navigation Page Object
- Locators in Page Objects
- Parameterized Methods
- Date Picker Page Object
- Page Object Manager
- Page Object Helper Base
- What is API
- Setup New Project
- Mocking API
- Modify API Response
- Perform API Requests
- Intercept Browser API Responses
- Sharing Authentication State
- API Authentication
- NPM Scripts and CLI Commands
- Test Data Generator
- Test Retries
- Parallel Execution
- Screenshots and Videos
- Environment Variables
- Configuration File
- Fixtures
- Project Setup & Teardown
- Global Setup & Teardown
- Test Tags
- Mobile Device Emulator
- Reporting
- Visual Testing
- Playwright with Docker Container
- GitHub Actions and Argos CI
- JavaScript Practice Exercise — Car Recommendation System
- Quiz 1
- Quiz 2
Playwright-Notes/
│
├── 01-Preparation/
├── 02-JavaScript Fundamentals/
├── 03-Playwright Hands-On Overview/
├── 04-Interaction with Web Elements/
├── 05-UI Components/
├── 06-Page Object Model/
├── 07-Working with APIs/
├── 08-Advanced/
│
├── Images
│
└── README.md
Throughout this course, I gained hands-on experience with:
- Building automation frameworks using Playwright
- Writing maintainable and scalable test automation
- UI automation
- API testing
- Page Object Model (POM)
- Fixtures
- Authentication
- Network interception
- Mock APIs
- Visual testing
- Mobile emulation
- Parallel execution
- Docker
- GitHub Actions
- Reporting
- CI/CD integration
- Automation best practices
This repository helps me:
- Quickly revise Playwright concepts
- Prepare for QA Automation / SDET interviews
- Reference code while building automation frameworks
- Understand Playwright best practices
- Learn advanced Playwright features
- Document my learning journey
These notes are based on my personal learning from a Playwright course. They are intended for educational and revision purposes and have been organized in my own words for easier understanding.