Can this skill help refactor existing tests?

Yes, it is specifically designed to analyze existing test files and refactor them into structured page objects and reusable components.

What is the Page Object Model (POM)?

POM is a design pattern that creates an object repository for web elements, separating page-specific logic from test scripts to enhance maintenance and reusability.

How does this skill improve Playwright locator strategy?

It enforces a best-practice hierarchy, prioritizing user-visible locators like getByRole and getByLabel over brittle CSS or XPath selectors.

What are App Actions in this context?

App Actions are high-level methods that wrap multiple page interactions into single, readable functions for complex workflows like checkout or login.

Playwright Page Object Model

Name: Playwright Page Object Model
Author: TheBushidoCollective

byTheBushidoCollective

•

Automatización de Navegadores

Implements maintainable and scalable end-to-end testing structures using Playwright's Page Object Model patterns.

This skill provides Claude with the expertise to architect professional-grade Playwright test suites by applying the Page Object Model (POM) and component-based design. It guides the creation of reusable page objects, encapsulated locators, and high-level app actions to ensure test suites remain maintainable as UIs evolve. By prioritizing user-visible locators and logical component separation, it helps developers build robust automation frameworks that reduce code duplication and simplify the refactoring of complex web application tests.

Características Principales

01Advanced locator chaining and filtering for dynamic web content

0295 GitHub stars

03Automated Page Object Model (POM) scaffolding and refactoring

04Implementation of App Actions for high-level test flow abstraction

05Best-practice locator strategies prioritizing accessibility roles and labels

06Component-based architecture for reusable UI elements like modals and navigation

Casos de Uso

01Migrating fragile CSS/XPath selectors to robust, accessibility-first locators

02Scaffolding new E2E test suites for complex web applications using component patterns

03Refactoring legacy Playwright scripts into structured, maintainable Page Objects

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add thebushidocollective/han playwright-page-object-model

For use in Claude.ai and ChatGPT

Download Skill