How does this skill handle local servers?

It includes a helper script that manages the lifecycle of your servers, allowing you to launch frontend and backend services automatically before your tests begin.

Can it test dynamic applications built with React or Vue?

Yes, it uses a 'reconnaissance-then-action' pattern that waits for networkidle states, ensuring dynamic content is fully rendered before interaction.

Can I see what is happening during a headless test?

The toolkit is designed to capture screenshots and browser logs, which you can use to inspect the rendered state of the application during headless execution.

Does this skill support multi-user role testing?

Yes, it provides fixtures for multi-context testing, enabling you to simulate interactions between different roles like Admins and Employees in a single session.

Web Application Testing & Playwright Toolkit

Name: Web Application Testing & Playwright Toolkit
Author: SomtechSolutionMAxime

bySomtechSolutionMAxime

0•

Security & Testing

Automates local web application testing and UI debugging using Playwright with integrated server lifecycle management.

The webapp-testing skill provides a robust framework for performing end-to-end testing on local web applications. It simplifies complex testing workflows by offering automated server management for multi-tier applications, a 'reconnaissance-then-action' pattern for interacting with dynamic UIs, and built-in support for capturing screenshots and logs. Whether you are running a suite of 140+ pre-configured E2E tests or writing custom Playwright scripts for a new feature, this skill optimizes the context window by utilizing specialized helper scripts as black-box tools.

Key Features

01Integrated Playwright support for headless browser automation and screenshot capture.

02Automated server lifecycle management for single or multiple backend/frontend services.

030 GitHub stars

04Dynamic DOM reconnaissance pattern to ensure reliable selector identification.

05Multi-role user fixtures for testing complex permission-based workflows.

06Extensive E2E test suite structure with support for TypeScript and Page Object Models.

Use Cases

01Verifying end-to-end user journeys in local development environments before deployment.

02Testing permission-based features using pre-authenticated user roles (Admin, Manager, Employee).

03Debugging UI behavior by capturing screenshots and console logs during automated runs.

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

01Integrated Playwright support for headless browser automation and screenshot capture.

02Automated server lifecycle management for single or multiple backend/frontend services.

030 GitHub stars

04Dynamic DOM reconnaissance pattern to ensure reliable selector identification.

05Multi-role user fixtures for testing complex permission-based workflows.

06Extensive E2E test suite structure with support for TypeScript and Page Object Models.

Use Cases

01Verifying end-to-end user journeys in local development environments before deployment.

02Testing permission-based features using pre-authenticated user roles (Admin, Manager, Employee).

03Debugging UI behavior by capturing screenshots and console logs during automated runs.