What is the recommended locator strategy provided by this skill?

It follows a strict priority: 1. Role-based locators, 2. User-facing labels/text, 3. Explicit Test IDs, and 4. CSS/XPath only as a last resort.

Can I use these patterns for web scraping dynamic sites?

Yes, the skill includes patterns for handling asynchronous updates, waiting for custom conditions, and performing batch data extraction using evaluateAll for efficient scraping.

Does this skill help with debugging failed tests?

Absolutely. It provides patterns for strategic element screenshots, full-page failure captures, and instructions for using Playwright's debug mode and pause execution features.

How does this skill reduce test flakiness in Playwright?

It implements 'web-first assertions' and auto-waiting patterns that ensure elements are visible, stable, and enabled before interaction, while prioritizing resilient role-based locators over fragile CSS paths.

Playwright Automation Patterns

Name: Playwright Automation Patterns
Author: ed3dai

byed3dai

•

Automatización de Navegadores

Implements resilient Playwright automation using industry-standard selector strategies, auto-waiting patterns, and robust data extraction methods.

This skill enhances Claude's ability to write high-quality Playwright scripts for end-to-end testing and web scraping. It provides a structured framework for choosing resilient role-based selectors over fragile CSS paths, implementing web-first assertions that automatically handle retries, and utilizing efficient data extraction patterns like evaluateAll. By following these patterns, developers can significantly reduce test flakiness, improve script maintainability, and handle dynamic web content with defensive coding practices that survive DOM changes and asynchronous loading.

Características Principales

015 GitHub stars

02Priority-based selector strategies focusing on user-centric role-based locators

03Standardized error handling and strategic screenshot debugging workflows

04Strategic waiting patterns for dynamic content and network-idle states

05Advanced data extraction using evaluateAll for high-performance batch processing

06Web-first assertions with automatic retry logic to eliminate manual sleep calls

Casos de Uso

01Building maintainable E2E test suites for complex React, Vue, or Angular applications

02Refactoring flaky legacy automation scripts into stable, resilient, and human-readable code

03Developing robust web scrapers that handle dynamic JS-rendered content and infinite scrolls

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ed3dai/ed3d-plugins-testing playwright-patterns

For use in Claude.ai and ChatGPT

Download Skill