skills.rest
zinohome
zinohomeCOMMUNITY
Explore all skills by this author →
GitHub

e2e-test-builder

Generate end-to-end browser tests for critical user flows with Playwright or Cypress.

1|Updated Nov 6, 2025
Search Tags:#test generation#browser automation#playwright#e2e testing#visual regression#cypress
One-click install
npx skills add https://github.com/zinohome/CozyChat --skill e2e-test-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: e2e-test-builder
Source: https://github.com/zinohome/CozyChat/tree/main/.claude/skills/e2e-test-builder
Command: npx skills add https://github.com/zinohome/CozyChat --skill e2e-test-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the creation of comprehensive end-to-end browser tests, ensuring critical user flows are stable and reliable across different browsers.

Core Features & Use Cases

  • Automated Test Generation: Write end-to-end tests for critical user journeys using Playwright or Cypress.
  • Selector Strategies: Employs robust selector prioritization (role, label, test ID) to minimize test brittleness.
  • Page Object Model: Encourages maintainable and reusable test code through the Page Object pattern.
  • Visual Regression: Integrates visual testing to catch unintended UI changes.
  • Use Case: Automatically generate and maintain tests for your e-commerce checkout process, ensuring users can successfully purchase products from adding items to the cart through payment.

Quick Start

Use the e2e-test-builder skill to create a Playwright test for the user login flow.

Frequently Asked Questions about e2e-test-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate end-to-end browser tests for critical user flows?▼

End-to-end browser tests are generated using Playwright or Cypress to automate critical user journeys. This approach creates robust tests incorporating selector strategies and page objects to ensure application stability and catch UI regressions.

What is the best way to reduce test brittleness in Cypress and Playwright?▼

To reduce test brittleness, prioritize robust selector strategies such as role, label, and test ID. This minimizes breakage from UI changes and ensures your end-to-end tests remain stable across different browser environments.

Can I use the Page Object Model for maintaining e2e testing code?▼

Yes, the Page Object Model is supported to encourage maintainable and reusable test code. This pattern structures your Playwright or Cypress tests to separate UI element locators from test logic, improving long-term maintenance.

How does visual regression testing work with Playwright and Cypress?▼

Visual regression testing integrates with your end-to-end tests to catch unintended UI changes. It captures visual snapshots during automated browser test execution, comparing them against baselines to detect visual defects in user flows.

Do I need test data management for automated e2e test generation?▼

Test data management is included in automated e2e test generation to support critical user journeys. It handles the input data required for flows like e-commerce checkout, ensuring tests run reliably with consistent data states.

Related Skills

Explore More Software Engineering Skills→
WesleySmitsWesleySmits
6

implementing-e2e-testing

Standardize Playwright and Cypress end-to-end test patterns.

Community
Advanced
TheBushidoCollectiveTheBushidoCollective
187

cypress-ci-cd

Automate Cypress CI/CD integration with parallel test execution and media capture.

Official
Advanced
slantviewslantview
1

test-specialist

Design test strategies and automate execution in CI/CD pipelines.

Community
Advanced
hpurihpuri

Browser Tester

Run E2E visual and interactive tests on ADK agents in a browser.

Community
Advanced