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

0•

보안 및 테스팅

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.

주요 기능

01Automated server lifecycle management for single or multiple local services

02Headless Chromium browser automation via synchronous Playwright scripts

03Pre-configured helper scripts for element discovery and console logging

040 GitHub stars

05Dynamic DOM reconnaissance through full-page screenshots and content inspection

06Built-in support for testing both static HTML and dynamic web apps

사용 사례

01Verifying frontend functionality across integrated local services like a Python backend and JS frontend

02Debugging UI inconsistencies by capturing browser console logs and screenshots during execution

03Automating end-to-end (E2E) testing for locally hosted React, Vue, or Next.js applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add activer007/ordinary-claude-skills webapp-testing

For use in Claude.ai and ChatGPT

Download Skill