How does the skill handle dynamic JavaScript content?

It implements a 'networkidle' wait strategy, ensuring that all network requests have finished and JavaScript has fully rendered the UI before attempting interaction.

Does this skill require manual selector identification?

The skill uses a 'Reconnaissance-Then-Action' pattern where it first inspects the rendered DOM and takes screenshots to identify the most reliable selectors automatically.

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

Yes, the included with_server.py helper script is designed to manage multiple server lifecycles simultaneously, such as a React frontend and a Python backend.

Can I see what is happening during a headless test?

Yes, the toolkit includes built-in commands to capture full-page screenshots and browser console logs, which are essential for debugging headless sessions.

What browser engine does this skill use?

The skill primarily utilizes Chromium in headless mode via Playwright to ensure consistent and efficient automation within development environments.

Web Application Testing Toolkit

Name: Web Application Testing Toolkit
Author: lngyneric

bylngyneric

0•

セキュリティとテスト

Facilitates end-to-end testing and interaction with local web applications using automated Playwright scripts and server management.

This skill provides a robust framework for Claude to interact with and test local web applications by leveraging Playwright and specialized server management utilities. It streamlines the process of launching local servers, navigating dynamic UI states, and performing reconnaissance to identify selectors for robust automation. By offering a standardized 'reconnaissance-then-action' pattern, it enables reliable frontend verification, browser logging, and UI debugging while maintaining a clean context window through the use of black-box helper scripts.

主な機能

01Dynamic web application testing using Playwright's networkidle synchronization

020 GitHub stars

03Structured reconnaissance pattern for identifying reliable CSS and ARIA selectors

04Automated local server lifecycle management with multi-server support

05Pre-built automation examples for element discovery and console log capture

06Visual debugging through automated browser screenshots and DOM inspection

ユースケース

01Debugging complex frontend behaviors by capturing browser logs and screenshots

02Automating navigation and data entry tasks in dynamic single-page applications (SPAs)

03Verifying UI functionality and catching regressions in local development environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lngyneric/my-notebook-github webapp-testing

For use in Claude.ai and ChatGPT

Download Skill