playwright-demo:debug

Debug failing Playwright demo walkthrough tests using logs and screenshots.

292|103|Updated Mar 27, 2025
One-click install
npx skills add https://github.com/kagenti/kagenti --skill playwright-demo-debug
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-demo:debug
Source: https://github.com/kagenti/kagenti/tree/main/.claude/skills/playwright-demo%3Adebug
Command: npx skills add https://github.com/kagenti/kagenti --skill playwright-demo-debug

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps troubleshoot and fix issues encountered during Playwright demo walkthrough tests, such as selector errors, authentication problems, and timing mismatches.

Core Features & Use Cases

  • Identify Failing Steps: Pinpoints the exact demo recording step that failed using log lines and screenshots.
  • Resolve Common Issues: Provides solutions for selector errors, missing timestamps, SPA navigation problems, and authentication failures in environments like Keycloak and Kiali.
  • Use Case: When a demo recording fails because a button selector is not found, this Skill guides you through inspecting the DOM and correcting the selector.

Quick Start

Use the playwright-demo:debug skill to fix a failing demo recording step by inspecting the error logs and screenshots.

Frequently Asked Questions about playwright-demo:debug

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

FAQPage Schema
How do I debug a failing Playwright test when a button selector is not found?

To debug Playwright selector errors, inspect the DOM using the test's error logs and captured screenshots. This skill pinpoints the exact failing demo step and guides you through correcting the selector mismatch in your test recording.

Why does my Playwright demo fail during Keycloak or Kiali authentication?

Playwright demos fail during Keycloak or Kiali authentication due to timing mismatches or incomplete OAuth flows. This skill analyzes test outputs to identify authentication failures and provides targeted solutions for OpenShift OAuth environments.

What is the best way to identify which step failed in a Playwright demo recording?

The best way to identify a failed step in a Playwright demo recording is by analyzing the test output log lines alongside captured screenshots. This isolates the exact moment of failure, including SPA navigation issues and missing timestamps.

How do I fix timing mismatches in Playwright single page application navigation?

Fix Playwright SPA navigation timing mismatches by reviewing test screenshots and logs to locate where the test outpaced the application's rendering. This skill troubleshoots these timing issues to stabilize your demo walkthrough.

Does this Playwright debugging approach work with OpenShift OAuth environments?

Yes, this Playwright debugging approach works directly with OpenShift OAuth environments. It specifically resolves authentication problems and timing mismatches encountered when testing integrations with Keycloak and Kiali.