playwright-trace

Inspect Playwright trace files from the command line to debug test failures.

Updated Jul 10, 2026
One-click install
npx skills add https://github.com/ComputerUni/.NetYapayZekaEntegrasyonlar --skill playwright-trace-computeruni
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-trace
Source: https://github.com/ComputerUni/.NetYapayZekaEntegrasyonlar/tree/main/NetCoreAI/NetCoreAI.Project14_WebScrapingAI/bin/Debug/net9.0/.playwright/package/lib/tools/trace
Command: npx skills add https://github.com/ComputerUni/.NetYapayZekaEntegrasyonlar --skill playwright-trace-computeruni

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright.

What problem does it solve? Debugging failed Playwright tests usually requires opening a graphical trace viewer, which is slow and impractical in headless or CI environments. This Skill lets you inspect .zip trace files entirely from the command line to find exactly what went wrong. ## Core Features & Use Cases - Action Inspection: List all test actions as a tree, filter by title or errors, and drill into any action's parameters, logs, and source location. - Cross-Cutting Views: Review network requests, console messages, and errors across the whole trace with filters for failed requests or error-only output. - DOM Snapshots: Load the DOM snapshot for any action into a headless browser to run eval queries or capture screenshots of the page state at failure time. - Use Case: A CI test run fails overnight. Open the trace, list failed actions, inspect the failing action's snapshot, query the DOM for the error message text, and check for failed network requests — all without leaving the terminal. ## Quick Start Open the trace.zip file from my failed Playwright test and show me which action failed and what the page looked like at that moment.

Frequently Asked Questions about playwright-trace

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I view a Playwright trace file without opening a browser?▼

Run npx playwright trace open <trace.zip> to extract the trace and see its metadata, then use commands like trace actions, trace requests, and trace errors to inspect it entirely from the terminal.

How to find which action failed in a Playwright trace?▼

Use npx playwright trace actions --errors-only to list only failed actions with their IDs. Then run npx playwright trace action <action-id> to see parameters, logs, source location, and available snapshots for that action.

Can I inspect the DOM state at the moment a Playwright test failed?▼

Yes. Run npx playwright trace snapshot <action-id> to get the accessibility snapshot, or pass -- eval with a JavaScript expression to query the frozen DOM. You can also capture a screenshot of the snapshot with the screenshot command.

How do I check network requests in a Playwright trace?▼

Use npx playwright trace requests to list all requests with method, status, URL, duration, and size. Filter with --grep for URL patterns, --method for HTTP verbs, or --failed to show only requests with status 400 or higher.

What browser commands work on a Playwright trace snapshot?▼

Only three commands work on a frozen snapshot: snapshot for the accessibility tree, eval to run JavaScript against the DOM, and screenshot to capture an image. Interactive commands like click or navigation are not supported.