skills.rest
tech-with-seth
tech-with-sethOFFICIAL
Explore all skills by this author →
WebsiteGitHub

create-e2e-test

Generate Playwright E2E tests for authenticated flows and protected routes.

4|Updated Oct 24, 2025
Search Tags:#testing#authentication#dashboard#end-to-end#playwright#e2e-testing
One-click install
npx skills add https://github.com/tech-with-seth/iridium --skill create-e2e-test-tech-with-seth
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-e2e-test
Source: https://github.com/tech-with-seth/iridium/tree/main/.github/skills/create-e2e-test
Command: npx skills add https://github.com/tech-with-seth/iridium --skill create-e2e-test-tech-with-seth

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create Playwright E2E tests to validate user journeys, protected routes, and form submissions, ensuring UI reliability and regression safety.

Core Features & Use Cases

  • End-to-end testing: Generate Playwright specs for sign-in, dashboard, and profile flows.
  • Organized test structure: Place specs under tests/ with descriptive filenames for maintainability.
  • Use Case: Imagine a user signing in, navigating to the dashboard, and updating their profile; this flow is captured as a reusable test.

Quick Start

Install dependencies with npm install, then run tests with npm run e2e or npx playwright test. Ensure Playwright is configured in your project and a tests/ directory exists with specs.

Frequently Asked Questions about create-e2e-test

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

FAQPage Schema
How do I automate Playwright E2E tests for authenticated dashboard flows?▼

Automate Playwright E2E tests by generating specs that validate protected routes, sign-in journeys, and profile updates. These test scripts are organized under a tests/ directory to ensure cross-page navigation and UI reliability.

What is the best way to structure end-to-end tests for protected routes?▼

The best way to structure end-to-end tests is placing descriptive specs under a tests/ directory. This organizes user journeys like dashboard navigation and profile updates into maintainable files for reliable regression safety.

Do I need a TypeScript project to run Playwright specs for user journeys?▼

Yes, you need a TypeScript project with Playwright configured to run these specs. Tests are executed via npm or yarn scripts, requiring dependencies installed through npm install before validating authenticated flows.

Can I test cross-page navigation and profile updates with Playwright?▼

Yes, you can test cross-page navigation and profile updates by capturing the full user journey. Playwright specs simulate navigating from sign-in to the dashboard and updating profile data to ensure UI reliability.

Why are my Playwright end-to-end tests failing for sign-in flows?▼

Playwright end-to-end tests for sign-in flows may fail if the project lacks proper configuration or dependencies. Ensure Playwright is correctly configured, dependencies are installed, and specs are stored under a tests/ directory.

How do I run Playwright tests after generating E2E specs?▼

Run Playwright tests by executing npm run e2e or npx playwright test in your terminal. Ensure dependencies are installed and a tests/ directory exists with the generated specs before execution.

Related Skills

Explore More Software Engineering Skills→
nirukk52nirukk52
1

e2e-testing

Automate ScreenGraph end-to-end UI validation with Playwright and .env configuration.

Community
Intermediate
LllooogggLlloooggg
26

test

Run project test suites with coverage and output pass/fail results.

Community
Basic
kanopikanopi
16

test-scaffolding

Generate PHPUnit and Jest/Cypress test scaffolds with AAA structure.

Official
Intermediate
simotasimota
68

Voyager

Builds end-to-end browser automation suites with Playwright, Cypress, or WebdriverIO.

Community
Advanced