e2e-test-builder
e2e-test-builder equips you to design and deploy automated browser tests that validate your application's most important user journeys. This skill streamlines test configuration, helping you catch regressions early and maintain confidence in production deployments.
e2e-test-builder provides a structured approach to authoring Playwright tests that validate critical user flows. You'll learn to set up test files, navigate pages, interact with elements, and assert outcomes. The skill covers test organization, fixture management, and execution configuration so your tests are reliable and maintainable from the start.
AI-generated summary based on this skill's SKILL.md
Install
patricio0312rev/skills/e2e-test-builder
git clone https://github.com/patricio0312rev/skills
cp -r skills/testing/e2e-test-builder ~/.claude/skills/e2e-test-builderFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
How do I write end-to-end tests with Playwright using e2e-test-builder?
e2e-test-builder provides a structured approach to authoring Playwright tests that validate critical user flows. You'll learn to set up test files, navigate pages, interact with elements, and assert outcomes. The skill covers test organization, fixture management, and execution configuration so your tests are reliable and maintainable from the start.
What is the page object model and how does e2e-test-builder help implement it?
e2e-test-builder teaches the page object model pattern, which encapsulates page elements and actions into reusable classes. This approach separates test logic from UI selectors, making tests more maintainable when your application changes. The skill includes selector strategies and best practices for building robust page objects that scale across your test suite.
How can e2e-test-builder help me set up and configure end-to-end tests?
e2e-test-builder guides you through test setup and configuration, covering project initialization, browser configuration, and test runner options. You'll learn to configure test timeouts, retry logic, and reporting. The skill also addresses mobile and cross-browser execution setup, enabling you to run tests across different viewports and browsers to ensure broad compatibility.
What selector strategies does e2e-test-builder recommend for reliable tests?
e2e-test-builder emphasizes selector strategies that remain stable as your UI evolves. The skill covers role-based selectors, data-testid attributes, and other resilient approaches that reduce flakiness. You'll learn when to use each strategy and how to avoid brittle selectors that break with minor layout changes, ensuring your tests stay maintainable over time.
How does e2e-test-builder support test data management and visual regression testing?
e2e-test-builder covers test data management techniques including fixtures, factories, and database seeding to ensure consistent test conditions. The skill also introduces visual regression testing, allowing you to capture and compare screenshots across test runs. These practices help you validate both functional behavior and visual consistency in your critical user flows.
Can e2e-test-builder help me automate checkout flow testing and other complex user journeys?
e2e-test-builder is designed to help you build and validate complex user flows like checkout processes. The skill teaches you to chain interactions, manage test state, and verify multi-step workflows. You'll learn techniques for handling dynamic content, network mocking, and data validation that are essential for automating critical business flows with confidence.
SKILL.md
rendered from the published skill — quoted content, verbatim
E2E Test Builder
Build reliable end-to-end tests for critical user flows.
Playwright Test Setup
```typescript // playwright.config.ts import { defineConfig } from "@playwright/test";
export default defineConfig({ testDir: "./e2e", fullyParallel: true, forbidOnly: !!process.env.CI, retries: process.env.CI ? 2 : 0, workers: process.env.CI ? 1 : undefined, reporter: "html", use: { baseURL: "http://localhost:3000", trace: "on-first-retry", screenshot: "only-on-failure", }, projects: [ { name: "chromium", use: { ...devices["Desktop Chrome"] }, }, { name: "firefox", use: { ...devices["Desktop Firefox"] }, }, { name: "webkit", use: { ...devices["Desktop Safari"] }, }, { name: "Mobile Chrome", use: { ...devices["Pixel 5"] }, }, ], webServer: { command: "npm run dev",
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 1 file
testing/e2e-test-builder/SKILL.md