Create E2E Tests

Generate Playwright end-to-end tests with page objects and assertions.

2|Updated Dec 6, 2025
One-click install
npx skills add https://github.com/Demolinator/Talal-s-TDA --skill create-e2e-tests
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Create E2E Tests
Source: https://github.com/Demolinator/Talal-s-TDA/tree/main/.claude/skills/create-e2e-tests
Command: npx skills add https://github.com/Demolinator/Talal-s-TDA --skill create-e2e-tests

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generating reliable Playwright end-to-end tests for complete user flows, employing page object patterns to keep tests maintainable and scalable.

Core Features & Use Cases

  • Generates structured Playwright E2E tests for frontend flows (login, CRUD, navigation) using page objects.
  • Validates happy paths, error scenarios, responsive layouts, and accessibility checks.
  • Produces a reusable skeleton at frontend/tests/e2e/<feature>.spec.ts with beforeEach/afterEach hooks.

Quick Start

Use the create-e2e-tests skill to generate an end-to-end test file for a chosen user flow. Eg: create a test for the Task Management flow and save it as frontend/tests/e2e/tasks.spec.ts.

Frequently Asked Questions about Create E2E Tests

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

FAQPage Schema
How do I generate Playwright E2E tests for complete user flows?

Playwright E2E tests for complete user flows are generated by creating structured test files that validate login, navigation, and CRUD operations. This approach uses page object models to ensure tests remain maintainable and scalable across frontend scenarios.

What is the best way to structure frontend test automation using page objects?

Frontend test automation using page objects is best structured by placing files in a dedicated directory like frontend/tests/e2e/<feature>.spec.ts. This structure separates test logic from UI elements, utilizing beforeEach and afterEach hooks to manage test environments reliably.

Can I automate responsive layout and accessibility checks in Playwright?

Yes, responsive layout and accessibility checks can be automated in Playwright. The generated tests support multi-viewport testing to validate responsive designs and include built-in assertions to verify accessibility compliance across different user flows.

Does this Playwright test generation approach support TypeScript?

Yes, this Playwright test generation approach fully supports TypeScript. It produces typed end-to-end test suites and reusable page object patterns, ensuring robust frontend test automation and accurate assertions for complete user flows.

How do I handle error scenarios and happy paths in E2E test automation?

E2E test automation handles both error scenarios and happy paths by generating comprehensive assertions within the test suite. It validates expected successful outcomes and negative edge cases, ensuring robust coverage for complete user flows using reusable page objects.

When do I need page object models for frontend testing?

You need page object models for frontend testing when maintaining scalable end-to-end test suites. This pattern separates UI element locators from test logic, making it easier to update tests when frontend interfaces change during continuous development.