Visual Regression Testing in Playwright with toHaveScreenshot
Visual regression testing in Playwright: toHaveScreenshot, baselines, updating snapshots, tolerances, masking dynamic content and consistent results in CI.
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
Latest articles
1,677 articles · page 45 of 140Playwright Screenshots and Video Recording: Complete Guide
Take screenshots and record videos in Playwright: full page, element, masking, attaching to the HTML report, and automatic screenshots and videos on failure.
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.
Playwright 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.
Preparing for a QA interview?
Take free timed mock tests with answers and explanations.