write-playwright-e2e

Automate Playwright end-to-end tests for React/Next.js and SvelteKit routes.

1|Updated Apr 21, 2026
One-click install
npx skills add https://github.com/sswapnil2/ai-config-fintech --skill write-playwright-e2e
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: write-playwright-e2e
Source: https://github.com/sswapnil2/ai-config-fintech/tree/main/skills/write-playwright-e2e
Command: npx skills add https://github.com/sswapnil2/ai-config-fintech --skill write-playwright-e2e

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Playwright-based end-to-end testing framework for web apps to ensure reliable UI flows, reduce flaky tests, and enforce organization testing conventions.

Core Features & Use Cases

  • Automated e2e coverage across common routes in React/Next.js and SvelteKit apps.
  • Routine checks for happy paths, form validations, and unauthenticated redirects.
  • Accessibility guardrails with Axe-based assertions to ensure compliance.

Quick Start

Run the Playwright e2e test suite for a target route using the authedPage fixture to validate happy path, validation, and unauthenticated flows.

Frequently Asked Questions about write-playwright-e2e

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

FAQPage Schema
How do I automate Playwright E2E tests for React and SvelteKit apps?

Automate Playwright E2E tests by validating UI flows against real React/Next.js or SvelteKit routes, covering happy-path, validation error, and unauthenticated redirect scenarios using MSW fixtures and deterministic assertions.

Why are my Playwright E2E tests flaky, and how can I fix them?

Flaky Playwright E2E tests are reduced by enforcing deterministic assertions without relying on timeouts and using MSW fixtures to mock network requests, ensuring reliable and consistent UI flow validation.

Can I use MSW fixtures to mock API requests in Playwright end-to-end testing?

Yes, you can use MSW fixtures in Playwright end-to-end testing to mock API requests. This enforces organization testing conventions and provides deterministic assertions for reliable UI flow validation.

What's the best way to add accessibility checks to Playwright E2E test suites?

Add accessibility checks to Playwright E2E test suites by using Axe-based assertions. This ensures compliance and acts as a guardrail during automated end-to-end testing across React and SvelteKit routes.

Does this E2E testing approach support unauthenticated redirect scenarios?

Yes, the E2E testing approach supports unauthenticated redirect scenarios. It validates these flows alongside happy paths and form validation errors across React/Next.js and SvelteKit routes.

How do I validate form errors in Playwright E2E tests without timeouts?

Validate form errors in Playwright E2E tests by using deterministic assertions without relying on timeouts. The suite covers validation error scenarios across React/Next.js and SvelteKit routes to ensure reliable checks.