Where are my test scripts and screenshots saved?

Everything is saved to a folder named .web-tests in your current working directory, keeping your test artifacts organized and separate from your source code.

Do I need to install Playwright manually?

No, the skill includes a setup command (npm run setup) that automatically installs Playwright and the required Chromium browser dependencies.

Can I use this for testing local development environments?

Yes, the skill features a specialized helper to detect running dev servers (like Vite, Webpack, or Next.js) and automatically targets them for testing.

Does it support headless mode for CI/CD?

While the skill defaults to a visible browser for interactive debugging, you can explicitly request headless mode for background execution or automated pipelines.

Web Testing & Browser Automation

Name: Web Testing & Browser Automation
Author: marcioaltoe

bymarcioaltoe

•

安全与测试

Automates browser-based end-to-end testing and visual validation using Playwright and Chromium.

关于

This skill empowers Claude to perform comprehensive browser automation and E2E testing directly within your development workflow. It automatically detects running local development servers, generates custom Playwright scripts, and executes them to validate login flows, form submissions, and responsive design across multiple viewports. By default, it runs tests in a visible browser window for easy debugging and saves all test artifacts, including scripts and screenshots, to a dedicated .web-tests directory in your project for easy review and reusability.

主要功能

End-to-end (E2E) testing for complex user flows like login and checkout
Automated detection and reporting of broken links across pages
Persistent storage of test scripts and visual artifacts in the local workspace
Automatic local development server detection for localhost testing
Multi-viewport responsive design validation with automated screenshots
7 GitHub stars

使用场景

Validating that a new landing page is mobile-responsive across different device viewports
Performing a recursive check for broken links and 404 errors on a production site
Testing a login flow and capturing a screenshot of the successful dashboard redirect

关于

主要功能

End-to-end (E2E) testing for complex user flows like login and checkout
Automated detection and reporting of broken links across pages
Persistent storage of test scripts and visual artifacts in the local workspace
Automatic local development server detection for localhost testing
Multi-viewport responsive design validation with automated screenshots
7 GitHub stars

使用场景

Validating that a new landing page is mobile-responsive across different device viewports
Performing a recursive check for broken links and 404 errors on a production site
Testing a login flow and capturing a screenshot of the successful dashboard redirect