Playwright Debugging Cheat Sheet

Overview

A quick reference for choosing the right Playwright debugging tool and collecting evidence before changing timeouts, retries or locators. Covers UI Mode, --debug, headed runs, VS Code, Trace Viewer, console and network evidence, artifacts and a flaky-test workflow. Examples use Playwright Test with TypeScript. Published by SoftwareTestPilot.

Table of contents

1. Which debugging tool should you use?
2. UI Mode
3. Playwright Inspector and --debug
4. Headed mode and focused runs
5. VS Code debugging
6. Debug locators and actionability
7. Trace Viewer
8. Recommended trace configuration
9. Console, page errors and network evidence
10. Debug API and network failures
11. Screenshots, video and failure artifacts
12. HTML report and rerun failed tests
13. Flaky-test debugging workflow
14. Failure symptom quick diagnosis
15. Common debugging mistakes
16. Interview reference & command cheat sheet
17. One-page debugging checklist

Who this resource is for

• Manual Tester
• Automation Tester
• SDET

Format and what you get

• A downloadable PDF you can read on phone or laptop.
• Included in the QA Notes Vault: one payment unlocks every note in the Vault, with lifetime access to it.
• Download after signing in with the account that paid. Refunds follow our refund policy.

Free learning on this topic

• Playwright interview questions
• Playwright course overview
• Refund policy