Does it support cleaning up test data between runs?

Yes, it includes documented patterns for resetting database states and deleting stale files before tests start to prevent UUID conflicts and ensure reliable, repeatable results.

Why use headless mode with traces instead of headed mode?

Headed mode often disrupts development by stealing window focus; headless mode with traces allows for non-intrusive background testing while providing a detailed timeline and DOM snapshots for later inspection.

How does this skill handle local development servers?

It uses a specialized helper script, with_server.py, to manage the lifecycle of one or more servers automatically during the test execution, ensuring ports are available and services are ready.

How are form submission timeouts prevented?

The skill follows a strict 'Fill → Wait for Enabled → Click' pattern, which accounts for modern frontend frameworks that disable submit buttons until all validation rules are met.

Can I use this for dynamic web apps built with React, Vue, or Next.js?

Yes, the skill includes specific strategies such as waiting for the 'networkidle' state and using attribute-specific selectors to ensure dynamic content is fully rendered before interaction.

Web Application Testing

Name: Web Application Testing
Author: WarrenZhu050413

byWarrenZhu050413

•

セキュリティとテスト

Automates end-to-end testing and browser interactions for local web applications using Python and Playwright.

概要

This skill empowers Claude to perform robust end-to-end testing and browser automation for local web applications. By leveraging Python-based Playwright scripts, it handles complex scenarios such as dynamic content loading, multi-server management, and database state resets. It provides best practices for reliable element selection and form submission, while ensuring efficient debugging through automated trace recording, screenshots, and console log capture—all optimized for a seamless developer workflow that avoids window focus disruption on macOS and Linux.

主な機能

Automated database state management to ensure clean, idempotent test runs.
Integrated server lifecycle management for handling single or multiple services during tests.
Headless mode support with automated Trace Viewer recording for non-disruptive debugging.
Native Python Playwright script generation for end-to-end browser automation.
Advanced selector patterns optimized for dynamic UIs, emoji-safe text, and form specificity.
5 GitHub stars

ユースケース

Capturing full-page screenshots and console logs for automated visual and logic regressions.
Debugging intricate form submissions and state-dependent components via network traces.
Verifying frontend functionality and UI behavior after complex code changes.

概要

主な機能

Automated database state management to ensure clean, idempotent test runs.
Integrated server lifecycle management for handling single or multiple services during tests.
Headless mode support with automated Trace Viewer recording for non-disruptive debugging.
Native Python Playwright script generation for end-to-end browser automation.
Advanced selector patterns optimized for dynamic UIs, emoji-safe text, and form specificity.
5 GitHub stars

ユースケース

Capturing full-page screenshots and console logs for automated visual and logic regressions.
Debugging intricate form submissions and state-dependent components via network traces.
Verifying frontend functionality and UI behavior after complex code changes.