new-e2e-test

Automate Playwright end-to-end tests for authenticated user flows with storageState and cleanup hooks.

Updated Aug 23, 2026

Search Tags:#testing #accessibility #playwright #e2e-testing #auth-fixture #storageState

Ready to run

npx skills add https://github.com/ItsMattG/property-tracker --skill new-e2e-test

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: new-e2e-test
Source: https://github.com/ItsMattG/property-tracker/tree/main/.claude/skills/new-e2e-test
Command: npx skills add https://github.com/ItsMattG/property-tracker --skill new-e2e-test

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automate end-to-end testing of authenticated user flows using Playwright to reduce flaky tests and manual verification.

Core Features & Use Cases

Scaffolds end-to-end tests with an auth fixture, storageState-based authentication, and cleanup hooks.
Includes accessibility checks and integrated error monitoring for failing tests.
Use case: validate login, property creation, and transaction workflow in a simulated browser session.

Quick Start

Run the Playwright E2E test suite with the provided auth fixture and storageState by executing npm run test:e2e from the project root.

Frequently Asked Questions about new-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 user flows?▼

Playwright E2E tests for authenticated user flows use an auth fixture and storageState-based authentication to simulate browser sessions. This setup scaffolds tests with cleanup hooks and page-error capture to validate login, property creation, and transaction workflows while reducing flaky tests.

What is storageState-based authentication in Playwright?▼

StorageState-based authentication in Playwright persists user session data across tests to avoid re-authenticating for every scenario. It works with an auth fixture to inject saved browser state into your E2E test suite, streamlining validation of authenticated user flows.

How do I add accessibility checks to Playwright E2E tests?▼

Add accessibility checks to Playwright E2E tests by integrating them across public pages and authenticated features within your test suite. This ensures your automated auth flow and transaction workflow tests also capture accessibility violations during simulated browser sessions.

Do I need TypeScript to use storageState auth fixtures in Playwright?▼

You need TypeScript to use this Playwright E2E testing setup, which requires a Playwright configuration with TypeScript, an auth storageState fixture, cleanup hooks, and integrated page-error capture to properly scaffold and execute authenticated user flow tests.

Why are my Playwright E2E tests flaky when testing login flows?▼

Playwright E2E tests for login flows become flaky without proper cleanup hooks and page-error capture. Using an auth fixture with storageState-based authentication ensures consistent session initialization and automated cleanup, reducing manual verification and test instability.