Playwright Codegen: Record Tests, Pick Locators and Generate Code
Learn Playwright codegen: record tests, pick locators, add assertions, useful options, record logged in, VS Code recording, and refactoring recorded code.
SQA Tools Blog
Learn testing and automation, one article at a time
Free tutorials, solved practice problems and interview prep for QA and automation engineers: Python, Playwright, Selenium, SQL, Git and more.
1,677Articles
1,141Solved Python problems
7Topics
100%Free
Playwright articles
114 articles · page 7 of 10 · Clear filtersPlaywright Actions: Click, Fill, Type, Check, Press, Hover and More
Master Playwright actions with TypeScript: click options, fill vs pressSequentially, keyboard keys, checkboxes, hover, drag, scroll and reading values.
CSS and XPath Selectors in Playwright: Complete Guide with Examples
Use CSS selectors and XPath in Playwright: cheat sheets, XPath axes, table examples, chaining and filters, shadow DOM, and when to choose CSS or XPath.
JavaScript Promises and Async/Await Explained for Playwright Beginners
Learn JavaScript Promises and async/await for Playwright: promise states, then/catch, try/catch, Promise.all, and the async mistakes that cause flaky tests.
Playwright CLI Commands: Run, Filter, Debug and Report Tests
Playwright CLI commands: run a specific test or file, filter by tag, choose browsers, headed and UI mode, debug, retries, reports and npm scripts.
playwright.config.ts Explained: Every Important Playwright Config Option
playwright.config.ts explained: timeouts, workers, retries, reporters, baseURL, screenshots, video, trace, projects and webServer, with a full example.
Write and Run Your First Playwright Test with TypeScript
Write your first Playwright test in TypeScript: test anatomy, a real login test, running it headed or in VS Code, reading failures and the HTML report.
How to Install Playwright with TypeScript and Set Up VS Code (Step by Step)
Install Playwright with TypeScript step by step: Node.js, VS Code, npm init playwright, running sample tests, the VS Code extension and common errors.
What Is Playwright? Features, Architecture and Why Testers Use It
What is Playwright? A beginner guide to its features, architecture, browser vs context vs page, supported browsers and languages, and limitations.
Playwright: Handle Alerts, Popups, Dropdowns, iFrames, New Tabs and File Uploads
Learn how to handle alerts, confirm and prompt dialogs, new tabs and popups, dropdowns, iframes, file uploads, hover and drag and drop in Playwright with runnable TypeScript examples.
Playwright Waits Explained: Auto-Waiting, waitFor, waitForLoadState, waitForResponse and Timeouts
Master Playwright waits: auto-waiting, web-first assertions, waitFor, waitForLoadState, waitForURL, waitForResponse, waitForTimeout, expect.poll, timeouts and fixing timeout errors.
Playwright vs Selenium vs Cypress: Which Should You Choose in 2026?
Playwright vs Selenium vs Cypress compared: architecture, languages, browsers, waits, parallel runs, API testing, the same test in all three, ease of learning and which to choose.
Preparing for a QA interview?
Take free timed mock tests with answers and explanations.