playwright-debugging

Diagnose and resolve Playwright browser automation test failures, flakiness, and timeouts.

8|1|Updated Feb 25, 2022
One-click install
npx skills add https://github.com/ayubun/dotfiles --skill playwright-debugging-ayubun
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-debugging
Source: https://github.com/ayubun/dotfiles/tree/main/configs/opencode/skills/ed3d-playwright/playwright-debugging
Command: npx skills add https://github.com/ayubun/dotfiles --skill playwright-debugging-ayubun

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses common issues in browser automation, such as test failures, flaky tests, and timeouts, by providing a structured debugging framework.

Core Features & Use Cases

  • Systematic Debugging: Offers a step-by-step guide to diagnose and fix automation issues.
  • Interactive Debugging: Supports UI mode and Inspector for detailed debugging.
  • Diagnostic Framework: Includes steps to reproduce and isolate issues, add visibility, inspect element state, and verify selectors.
  • Use Case: When faced with intermittent test failures in Playwright scripts, this Skill helps identify the root cause and implement a fix.

Quick Start

Run the 'playwright-debugging' skill with the specific test script to start debugging.

Frequently Asked Questions about playwright-debugging

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

FAQPage Schema
How do I debug flaky Playwright tests and intermittent browser automation failures?

Debug flaky Playwright tests using a systematic diagnostic framework to reproduce issues, isolate failures, inspect element states, and verify selectors. This structured approach identifies root causes of intermittent test failures and timeouts in headless or headed browser environments.

What is the best way to find the root cause of timeouts in Playwright browser automation scripts?

The best way to resolve Playwright timeouts is applying a step-by-step debugging framework that adds visibility into script execution, inspects element states, and verifies selectors to systematically isolate and fix timeout issues in headless or headed browser environments.

How do I use Playwright UI mode and Inspector for interactive test debugging?

Use Playwright UI mode and Inspector for interactive debugging to step through automated scripts, inspect element states, and verify selectors. This interactive approach provides detailed visibility into browser automation test execution to pinpoint failures.

Do I need Playwright installed to use this browser automation debugging framework?

Yes, you need Playwright installed to execute automated scripts and perform interactive debugging. This framework requires Playwright to run the specific test scripts, diagnose failures, and resolve flakiness or timeouts in headless or headed browser environments.

Why do my Playwright automated tests fail intermittently in headless browser environments?

Playwright automated tests fail intermittently due to flakiness and timing issues in headless browser environments. Diagnose these failures by reproducing the issue, adding visibility to script execution, inspecting element states, and verifying selectors to implement a targeted fix.

What steps should I follow to diagnose and fix browser automation issues in Playwright?

Follow a systematic debugging framework: reproduce and isolate the issue, add visibility to script execution, inspect element states, and verify selectors. This step-by-step approach resolves common browser automation issues including test failures, flakiness, and timeouts.