What is the 'Reconnaissance-Then-Action' pattern?

It is a best-practice workflow where the automation script first waits for the network to be idle, takes a screenshot or inspects the DOM to find selectors, and then performs actions based on the rendered state.

How does this skill handle multiple local servers?

It utilizes a specialized `with_server.py` helper script that can orchestrate the lifecycle of multiple servers, such as a backend API and a frontend dev server, ensuring they are ready before tests run.

Are tests run in headless mode?

Yes, the skill defaults to launching Chromium in headless mode for efficient execution, though it supports UI mode for debugging.

Does it support both Python and TypeScript?

The core toolkit uses Python for automation scripts, while the included Construction Gauthier project provides a complete suite of TypeScript-based Playwright tests.

Can I use this for testing user permissions?

Yes, the skill includes multi-context fixtures that allow you to simulate different user roles (Admin, Manager, Employee) simultaneously to verify access controls.

Web Application Testing & Playwright Toolkit

Name: Web Application Testing & Playwright Toolkit
Author: SomtechSolutionMAxime

bySomtechSolutionMAxime

0•

Security & Testing

Automates local web application testing and browser interaction using Playwright and managed server lifecycles.

This skill provides a comprehensive framework for end-to-end testing of web applications, featuring specialized Python helpers for managing complex server lifecycles and capturing real-time browser states. It includes a robust suite of 149 pre-configured Playwright tests for the Construction Gauthier platform, showcasing advanced patterns like multi-role fixtures (Admin, Manager, Employee) and reconnaissance-based DOM inspection. Whether you are debugging UI behavior, verifying security permissions, or automating multi-step workflows, this toolkit offers the necessary abstractions to run reliable tests without cluttering your context window.

Key Features

01Comprehensive suite of 149 E2E tests with TypeScript and Playwright

02Automated screenshot and browser log capturing for debugging

030 GitHub stars

04Automated server lifecycle management for multi-service stacks

05Reconnaissance-then-action pattern for dynamic DOM interaction

06Multi-role authentication fixtures for enterprise workflow testing

Use Cases

01Debugging dynamic frontend components by inspecting rendered state after network activity

02Verifying complex role-based access control (RBAC) across different user levels

03Testing full-stack applications by automatically launching backend and frontend services

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

Key Features

01Comprehensive suite of 149 E2E tests with TypeScript and Playwright

02Automated screenshot and browser log capturing for debugging

030 GitHub stars

04Automated server lifecycle management for multi-service stacks

05Reconnaissance-then-action pattern for dynamic DOM interaction

06Multi-role authentication fixtures for enterprise workflow testing

Use Cases

01Debugging dynamic frontend components by inspecting rendered state after network activity

02Verifying complex role-based access control (RBAC) across different user levels

03Testing full-stack applications by automatically launching backend and frontend services