Add Endtoend Tests Automatically

The problem

Manual regression testing is slow, and fragile E2E tests often break with every UI change. Developers struggle to maintain stable browser tests that don't rely on flaky selectors or hardcoded sleep commands.

What it does

• Detects existing tech stacks and testing frameworks to ensure architectural consistency.
• Identifies critical user journeys like registration, checkout, and admin actions.
• Writes maintainable tests using stable selectors like ARIA roles and data-testids instead of fragile CSS paths.
• Builds reusable test fixtures and isolated data states to prevent test pollution.
• Configures automated retries and state-based waiting to eliminate non-deterministic failures.

Frameworks & tools

Playwright, Cypress, Selenium, and framework-native testing utilities for React, Vue, and modern web apps.

Why this beats prompting it yourself

Generic prompts often produce tests that rely on sleep() or fragile class names that break on the next build. This skill enforces a strict hierarchy of stable selectors and ensures tests are isolated, reproducible, and integrated into your specific project structure.

Use cases

• Adding a full Playwright suite to a legacy React application.
• Fixing flaky Cypress tests that fail randomly in CI/CD pipelines.
• Automating the validation of complex multi-step forms and checkout flows.
• Scaffolding E2E coverage for protected routes and authenticated user sessions.

Known limitations

Does not support testing with real production credentials or live payment gateways. Requires a local environment for full test execution and validation.