How does this skill help prevent flaky tests?

It advocates for semantic locators (getByRole, getByLabel) and built-in auto-waiting mechanisms instead of brittle CSS selectors or manual timeouts.

Can I debug network requests using this skill?

Yes, it provides code snippets for intercepting network traffic, verifying headers, and capturing console logs through the Chrome DevTools Protocol.

Does it include support for Page Object Model?

Absolutely. It provides templates for encapsulating page-specific logic into reusable classes, which significantly improves test maintainability.

Which automation frameworks does this skill support?

This skill primarily supports Playwright and Puppeteer, providing specialized patterns for both frameworks, including test structure and assertion styles.

Can I use this for visual regression testing?

Yes, it includes patterns for capturing screenshots, comparing them against baselines, and masking dynamic content like dates or ads to ensure consistent results.

Browser Testing & Automation

Name: Browser Testing & Automation
Author: jsamuelsen11

byjsamuelsen11

0•

브라우저 자동화

Streamlines the creation of resilient web UI tests and browser automation using Playwright, Puppeteer, and Chrome DevTools best practices.

The browser-testing skill empowers Claude to generate high-quality, maintainable automation scripts for modern web applications. It provides domain-specific guidance on the Page Object Model (POM), semantic element selection, and intelligent waiting strategies to eliminate test flakiness. From end-to-end testing and visual regression to accessibility audits and performance profiling via Chrome DevTools, this skill ensures your test suites are robust, readable, and easy to scale across complex web environments.

주요 기능

01Automated Playwright and Puppeteer test structure patterns

02Network interception and performance profiling via Chrome DevTools

03Resilient locator strategies using semantic roles and data-testids

04Visual regression testing with screenshot masking and thresholding

05Page Object Model (POM) implementation for reusable test logic

060 GitHub stars

사용 사례

01Building robust end-to-end (E2E) test suites for complex web applications

02Automating visual regression checks to prevent unintended UI regressions

03Intercepting API requests and monitoring browser performance metrics

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jsamuelsen11/claude-config browser-testing

For use in Claude.ai and ChatGPT

Download Skill