What is the primary tool used for testing in this skill?

This skill uses native Python Playwright scripts to interact with and test web applications within the Claude Code environment.

Are the browser tests visible while running?

No, for efficiency and compatibility within terminal environments, Playwright is configured to always launch Chromium in headless mode.

Does it support visual debugging?

Yes, the skill can capture full-page screenshots and browser logs to help identify and troubleshoot UI issues or identify correct CSS selectors.

How does it handle local development servers?

It includes a helper script, with_server.py, which automatically manages the startup and shutdown of one or more local servers during the test run.

Can it test dynamic websites with heavy JavaScript?

Yes, it is specifically designed for dynamic apps and implements a wait for the 'networkidle' state before performing actions or inspections to ensure the UI is fully rendered.

Web Application Testing Toolkit

Name: Web Application Testing Toolkit
Author: Activer007

byActiver007

보안 및 테스팅

Facilitates end-to-end testing and UI debugging for local web applications using Python Playwright scripts and automated server management.

소개

This skill empowers Claude to interact with and verify local web applications by writing and executing Playwright scripts. It includes a sophisticated server lifecycle manager capable of spinning up multiple services, such as a backend and frontend simultaneously, before running automation. By following a 'Reconnaissance-Then-Action' pattern, the skill allows for precise DOM inspection via screenshots and console logs, ensuring reliable test execution even on complex dynamic websites without cluttering the context window.

주요 기능

Automated server lifecycle management for single or multiple local services
Headless Chromium browser automation via synchronous Playwright scripts
Pre-configured helper scripts for element discovery and console logging
0 GitHub stars
Dynamic DOM reconnaissance through full-page screenshots and content inspection
Built-in support for testing both static HTML and dynamic web apps

사용 사례

Verifying frontend functionality across integrated local services like a Python backend and JS frontend
Debugging UI inconsistencies by capturing browser console logs and screenshots during execution
Automating end-to-end (E2E) testing for locally hosted React, Vue, or Next.js applications

소개

주요 기능

Automated server lifecycle management for single or multiple local services
Headless Chromium browser automation via synchronous Playwright scripts
Pre-configured helper scripts for element discovery and console logging
0 GitHub stars
Dynamic DOM reconnaissance through full-page screenshots and content inspection
Built-in support for testing both static HTML and dynamic web apps

사용 사례

Verifying frontend functionality across integrated local services like a Python backend and JS frontend
Debugging UI inconsistencies by capturing browser console logs and screenshots during execution
Automating end-to-end (E2E) testing for locally hosted React, Vue, or Next.js applications