e2e-tests

Generate Playwright E2E test files matching existing project patterns.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/120ventures/claude-skills --skill e2e-tests-120ventures
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: e2e-tests
Source: https://github.com/120ventures/claude-skills/tree/main/e2e-tests
Command: npx skills add https://github.com/120ventures/claude-skills --skill e2e-tests-120ventures

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate Playwright E2E tests for a page or feature based on the project's existing test patterns.

Core Features & Use Cases

  • Read the project's test setup (playwright.config.ts) and existing tests in tests/e2e/ to match the project's patterns
  • Generate a new test file at tests/e2e/$ARGUMENTS.spec.ts following the team's conventions
  • Use the provided test structure template to cover navigation, rendering, interactions, and validation

Quick Start

Use the e2e-tests skill to create a new Playwright test for a target page or feature by naming it after the route or component (e.g. login or /dashboard).

Frequently Asked Questions about e2e-tests

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

FAQPage Schema
How do I generate Playwright E2E tests for a new page automatically?

To generate Playwright E2E tests, you provide a page or feature name, and the system creates a new spec file at tests/e2e/$ARGUMENTS.spec.ts. It analyzes your existing test patterns to ensure the new tests match your project's established conventions.

What does an auto-generated Playwright test structure cover?

An auto-generated Playwright test structure covers essential user flows including page navigation, element rendering, user interactions, and error handling validation, ensuring comprehensive E2E coverage based on your provided template.

Do I need an existing Playwright configuration to auto-generate E2E tests?

Yes, you need an existing Playwright configuration and a tests/e2e/ directory. The generator reads your playwright.config.ts and existing tests to align new test files with your team's established patterns and conventions.

Can I create E2E tests that match my project's current testing conventions?

Yes, you can create E2E tests that match your conventions. The tool reads your existing playwright.config.ts setup and tests/e2e/ files to mirror your established test structure, naming, and validation patterns automatically.

How should I name or target a feature when generating E2E test files?

You should name or target a feature by passing the route or component name as an argument, such as login or /dashboard. The system uses this argument to generate the new test file at tests/e2e/$ARGUMENTS.spec.ts.