Can this skill manage multiple servers at once?

Yes, the included helper scripts support managing multiple server lifecycles, such as running a backend API and a frontend dev server simultaneously for full integration testing.

Does it support testing static HTML files?

Absolutely. The skill can identify selectors by reading HTML files directly or automate them using Playwright via local file URLs.

How does it handle dynamic, JavaScript-heavy websites?

It implements a 'networkidle' wait state strategy to ensure all JavaScript has executed and the DOM is fully rendered before performing reconnaissance or actions.

Are the testing scripts executed in a visible browser window?

By default, the skill utilizes Chromium in headless mode to perform background automation efficiently without interrupting your workflow.

Web App Testing & Playwright Automation

Name: Web App Testing & Playwright Automation
Author: Krosebrook

byKrosebrook

•

セキュリティとテスト

Automates end-to-end testing and browser interactions for local web applications using Playwright and managed server lifecycles.

概要

This skill provides a robust toolkit for testing local web applications by streamlining Playwright script execution and server management. It features a specialized server lifecycle manager that handles backend and frontend startups automatically, allowing for seamless integration testing without manual environment setup. By implementing a 'Reconnaissance-Then-Action' pattern, the skill ensures reliable selector discovery and interaction with dynamic JavaScript-heavy applications, making it an essential utility for developers debugging UI behavior, verifying frontend functionality, or capturing browser logs in a local development environment.

主な機能

Smart handling of both static HTML files and dynamic web applications
Visual debugging tools including full-page screenshots and console log capture
Native Python Playwright integration for high-fidelity browser automation
1 GitHub stars
Automated server lifecycle management for single or multi-service architectures
Reconnaissance-Then-Action pattern for reliable UI element discovery

ユースケース

Running end-to-end integration tests that require simultaneous backend and frontend servers
Automating visual regression checks and DOM inspection during local development
Verifying complex UI behaviors and state changes in dynamic single-page applications

概要

主な機能

Smart handling of both static HTML files and dynamic web applications
Visual debugging tools including full-page screenshots and console log capture
Native Python Playwright integration for high-fidelity browser automation
1 GitHub stars
Automated server lifecycle management for single or multi-service architectures
Reconnaissance-Then-Action pattern for reliable UI element discovery

ユースケース

Running end-to-end integration tests that require simultaneous backend and frontend servers
Automating visual regression checks and DOM inspection during local development
Verifying complex UI behaviors and state changes in dynamic single-page applications