Does it support headless mode?

Yes, it is designed to run Chromium in headless mode to ensure efficient automation within development environments.

How does this skill handle dynamic web content?

It utilizes a 'reconnaissance-then-action' pattern, specifically waiting for the networkidle state to ensure all JavaScript has executed before inspecting the DOM or taking screenshots.

How do I avoid cluttering my context window with script code?

The skill is designed to use bundled scripts as 'black boxes.' You should invoke them via the command line using the --help flag to see usage instead of reading the full source code.

Can I run multiple servers simultaneously?

Yes, the included with_server.py script allows you to manage multiple servers, such as a separate backend and frontend, within a single test execution.

Are there pre-configured users for testing?

Yes, the skill includes fixtures for various roles like Admin, Director, Manager, and Employee, facilitating multi-context authentication testing.

Web Application Testing Toolkit

Name: Web Application Testing Toolkit
Author: SomtechSolutionMAxime

bySomtechSolutionMAxime

0•

セキュリティとテスト

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

This skill provides a robust framework for testing local web applications by integrating Playwright with a custom server lifecycle management script. It enables Claude to handle complex dynamic web environments through a 'reconnaissance-then-action' pattern, allowing it to navigate, inspect DOM states after JavaScript execution, and execute precise UI interactions. With built-in support for multiple server instances (frontend and backend) and a comprehensive suite of 149 pre-configured tests for HR and construction management workflows, it streamlines the process of verifying frontend functionality, debugging UI behaviors, and maintaining high-quality codebases.

主な機能

01Full-page screenshot and console log capture for visual debugging

02Reconnaissance pattern for identifying selectors in rendered DOM states

03Pre-built E2E test suite with multi-role authentication fixtures

04Playwright-powered browser automation for dynamic web applications

05Automated server lifecycle management for frontend and backend processes

060 GitHub stars

ユースケース

01Automating complex user workflows like multi-role approval processes in HR systems

02Debugging UI issues by capturing logs and screenshots from a headless browser

03Running end-to-end regression tests across multiple local server environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add somtechsolutionmaxime/somtech-pack webapp-testing

For use in Claude.ai and ChatGPT

主な機能

01Full-page screenshot and console log capture for visual debugging

02Reconnaissance pattern for identifying selectors in rendered DOM states

03Pre-built E2E test suite with multi-role authentication fixtures

04Playwright-powered browser automation for dynamic web applications

05Automated server lifecycle management for frontend and backend processes

060 GitHub stars

ユースケース

01Automating complex user workflows like multi-role approval processes in HR systems

02Debugging UI issues by capturing logs and screenshots from a headless browser

03Running end-to-end regression tests across multiple local server environments