Debugging Playwright Tests: Inspector, page.pause, UI Mode and VS Code
Debug Playwright tests step by step: read error call logs, use the Inspector with --debug, page.pause, UI mode, VS Code breakpoints, slowMo and console logs.
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 6 of 10 · Clear filtersPlaywright Framework Folder Structure: Best Practices with TypeScript
Design a scalable Playwright TypeScript framework: recommended folder structure, layers, page objects, fixtures, path aliases, environments and naming rules.
API Testing with Playwright and TypeScript: GET, POST, PUT, PATCH, DELETE
Learn API testing with Playwright and TypeScript: the request fixture, GET, POST, PUT, PATCH, DELETE, auth headers, typed responses and combining API and UI.
Network Interception and API Mocking in Playwright (page.route)
Mock and intercept network requests in Playwright with page.route: fulfill, modify, abort, simulate errors, block resources, listen to traffic and HAR files.
Mobile Device Emulation in Playwright: iPhone, Android and Responsive Testing
Test mobile websites with Playwright: iPhone and Pixel device descriptors, mobile projects, touch, responsive viewports, geolocation and offline mode.
Cross-Browser Testing with Playwright Projects (Chromium, Firefox, WebKit)
Run Playwright tests in Chromium, Firefox and WebKit, plus branded Chrome and Edge: projects, devices, browserName, per-browser settings and a CI strategy.
Data-Driven (Parameterized) Tests in Playwright with TypeScript
Write data-driven Playwright tests: parameterize with loops, typed data, describe per data set, JSON and CSV data files, and project-level options.
Playwright Retries and Flaky Tests: Detect, Debug and Fix Them
Configure Playwright retries, understand flaky results, detect unstable tests with repeat-each, debug with traces, and fix the most common causes of flakiness.
Group, Tag and Filter Playwright Tests (describe, Tags and grep)
Organize Playwright tests: group with test.describe, tag with @smoke and @regression, filter with --grep and --grep-invert, config projects and serial mode.
Playwright Hooks: beforeEach, afterEach, beforeAll and afterAll Explained
Learn Playwright hooks: beforeEach, afterEach, beforeAll and afterAll, scope with describe, execution order, testInfo, and when to use hooks vs fixtures.
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.
Playwright 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.
Preparing for a QA interview?
Take free timed mock tests with answers and explanations.