playwright-debugging

Community

Debug Playwright tests efficiently.

Authorbradtaylorsf
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive techniques and tools to effectively debug Playwright tests, helping developers quickly identify and resolve issues in their automated browser testing workflows.

Core Features & Use Cases

  • Interactive Debugging: Utilize Playwright Inspector and page.pause() for step-by-step test execution and element inspection.
  • Trace Viewer: Analyze detailed execution traces, including screenshots, network requests, and console logs, to pinpoint failures.
  • Screenshot & Video Capture: Automatically capture visual evidence of test states and execution for easier debugging.
  • Console & Network Logging: Intercept and log browser console messages and network activity to understand application behavior during tests.

Quick Start

Run your Playwright tests with the --debug flag to enter interactive debugging mode.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: playwright-debugging
Download link: https://github.com/bradtaylorsf/alphaagent-team/archive/main.zip#playwright-debugging

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.