Refactor Page Object
Description
--- description: Refactor a Vue component test to use the Page Object Pattern argument-hint: [test-file-path] --- # Page Object Pattern Refactoring Refactor the test file located at @$1 to use the **Page Object Pattern**. ## Context Analyze the component import in @$1 to understand the component being tested. You need to abstract all UI interactions into a helper function. ## Refactoring Rules 1. **Create the Page Object Factory**: * Define an async function `create<ComponentName>Page(
Installation
Installs to ~/.claude/commands/alexanderop-markvim-refactor-page-object.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/alexanderop/MarkVim/HEAD/.claude/commands/refactor-page-object.md -o ~/.claude/commands/alexanderop-markvim-refactor-page-object.md Restart Claude Code, or start a new session, for it to be picked up.
Full documentation available on GitHub
View Source RepositoryRelated Skills
Spec Kit
💫 Toolkit to help you get started with Spec-Driven Development
Testing Webapp Testing
Test local web applications using Playwright for UI verification and debugging
Testing #29
, [#52](https://github.com/affaan-m/everything-claude-code/issues/52), [#103](https://github.com/affaan-m/ever
Testing Fix Issue
by metabase - Addresses GitHub issues by taking issue number as parameter, analyzing context, implementing sol
Testing Pypict Test Design
Design comprehensive test cases using PICT (Pairwise Independent Combinatorial Testing) for optimized test sui
Testing gstack
| 15,000+ | Garry Tan's exact Claude Code setup: 6 opinionated tools that serve as CEO, Eng Manager, Release M
Testing