Can this skill handle both frontend and backend servers?

Yes, it includes a helper script that can manage multiple servers simultaneously, such as a Python backend and an npm frontend, ensuring they are ready before tests run.

Does it support dynamic JavaScript applications?

Absolutely. It uses Playwright and includes specific patterns like waiting for 'networkidle' to ensure dynamic content is fully rendered before interaction.

How do I find selectors for elements on the page?

The skill follows a reconnaissance-then-action pattern where it first inspects the rendered DOM or takes a screenshot to identify the correct CSS or text selectors.

Can I see what the browser is seeing during a test?

Yes, the skill supports capturing full-page screenshots to help you inspect the rendered state and debug UI issues visually.

Does it work with static HTML files?

Yes, it can read static HTML files directly to identify selectors or use file URLs for local automation without needing a full web server.

Web Application Testing

Name: Web Application Testing
Author: yusoofsh

byyusoofsh

安全与测试

Automates local web application testing and UI verification using Playwright and integrated server management tools.

关于

This skill provides a robust toolkit for Claude to interact with and test local web applications using native Python Playwright scripts. It features a specialized server manager that handles backend and frontend lifecycles automatically, allowing for seamless end-to-end testing of dynamic apps. By implementing a reconnaissance-then-action pattern, it enables accurate selector discovery through DOM inspection and visual screenshots, ensuring reliable automation even for complex, JavaScript-heavy interfaces.

主要功能

0 GitHub stars
Built-in support for both static HTML and complex single-page applications
Dynamic UI reconnaissance via screenshots and DOM snapshots
Console log capturing and debugging for frontend troubleshooting
Automated server lifecycle management for local development environments
Native Playwright integration for high-fidelity browser automation

使用场景

End-to-end testing of local React, Vue, or Next.js applications during development
Automating repetitive manual testing tasks for local web services
Debugging UI behavior and verifying layout changes via visual snapshots

关于

主要功能

0 GitHub stars
Built-in support for both static HTML and complex single-page applications
Dynamic UI reconnaissance via screenshots and DOM snapshots
Console log capturing and debugging for frontend troubleshooting
Automated server lifecycle management for local development environments
Native Playwright integration for high-fidelity browser automation

使用场景

End-to-end testing of local React, Vue, or Next.js applications during development
Automating repetitive manual testing tasks for local web services
Debugging UI behavior and verifying layout changes via visual snapshots