Is the browser visible while the automation scripts are running?

No, it is configured to launch Chromium in headless mode to ensure efficient execution and compatibility within terminal-based environments.

Can I test applications that require both a backend and a frontend?

Yes, the skill includes a helper script that can manage multiple servers simultaneously, allowing you to launch a backend and frontend together for integration testing.

How does it handle dynamic web pages built with React or Vue?

The skill utilizes a 'networkidle' wait state to ensure all JavaScript has executed and the DOM is fully rendered before attempting to interact with elements.

How do I find the right selectors for my automation scripts?

The skill follows a reconnaissance pattern where it first inspects the rendered DOM or takes a screenshot to identify accurate CSS or role-based selectors.

Web App Testing & Playwright Automation

Name: Web App Testing & Playwright Automation
Author: billlzzz18

bybilllzzz18

•

보안 및 테스팅

Automates local web application testing and UI verification using Playwright and intelligent server lifecycle management.

소개

This skill provides a comprehensive toolkit for testing and interacting with web applications within a local development environment. It streamlines the testing workflow by managing server startup and shutdown through specialized helper scripts, allowing Claude to execute Playwright-based automation for functional verification, UI debugging, and visual inspections. By implementing a standardized reconnaissance-then-action pattern, the skill ensures reliable element discovery on dynamic, JavaScript-heavy sites, making it an essential tool for developers automating end-to-end tests or performing deep UI audits.

주요 기능

Automated server lifecycle management for single or multi-service architectures
Full-page screenshot capturing and DOM inspection for UI debugging
Headless Chromium automation using native Python Playwright scripts
Reconnaissance patterns for discovering selectors on dynamic web apps
1 GitHub stars
Browser console log retrieval to identify frontend runtime errors

사용 사례

Verifying frontend integration after backend API changes
Running end-to-end tests on a local development server (e.g., Vite, Next.js)
Debugging UI behavior and element visibility on dynamic web pages

소개

주요 기능

Automated server lifecycle management for single or multi-service architectures
Full-page screenshot capturing and DOM inspection for UI debugging
Headless Chromium automation using native Python Playwright scripts
Reconnaissance patterns for discovering selectors on dynamic web apps
1 GitHub stars
Browser console log retrieval to identify frontend runtime errors

사용 사례

Verifying frontend integration after backend API changes
Running end-to-end tests on a local development server (e.g., Vite, Next.js)
Debugging UI behavior and element visibility on dynamic web pages