it-app-e2e-fixture-dev

Develop Playwright E2E fixtures and maintain a precondition catalog.

Updated May 18, 2026
One-click install
npx skills add https://github.com/ABLER-Digital-Services/ai-guild --skill it-app-e2e-fixture-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: it-app-e2e-fixture-dev
Source: https://github.com/ABLER-Digital-Services/ai-guild/tree/main/skills/it-app-e2e-fixture-dev
Command: npx skills add https://github.com/ABLER-Digital-Services/ai-guild --skill it-app-e2e-fixture-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

E2E tests fail or become hard to maintain when every spec re-creates the same setup steps (login, navigation, and data preparation), so this Skill standardizes how fixtures and preconditions are developed and registered.

Core Features & Use Cases

  • Fixture-based precondition setup: Implement reusable Playwright fixtures for authentication, navigation, and stateful pages to match spec needs.
  • Precondition catalog governance: Maintain a precondition key → fixture mapping so specs can reference only approved states.
  • Robust fixture refactoring: Support fixture layering with dependency chains while preventing circular dependencies and overly deep setups.
  • Typical use case: When a new spec requires “logged-in state” or a specific data state like “cart has an item,” add or refactor the corresponding fixture and register it in the catalog.

Quick Start

Ask the AI to create a new precondition key for your missing spec state and implement the corresponding Playwright fixture, then update the precondition catalog to wire them together.

Frequently Asked Questions about it-app-e2e-fixture-dev

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

FAQPage Schema
How do I create reusable Playwright fixtures for E2E test preconditions?

To create reusable Playwright fixtures for E2E test preconditions, implement base.ts and test-data.ts patterns that map spec-referenced keys to authenticated or stateful test setup. This standardizes login, navigation, and data preparation across specs.

What is a precondition catalog in Playwright E2E testing?

A precondition catalog in Playwright E2E testing is a _preconditions.yaml file mapping precondition keys to reusable fixtures. It governes approved test states so specs reference consistent UI and data setups without re-creating steps.

How do I add a new login state fixture to my Playwright specs?

To add a new login state fixture, implement the Playwright fixture code using base.ts patterns, then define a new entry in the _preconditions.yaml catalog to wire the spec-referenced key to its fixture setup.

What is the best way to refactor E2E test fixtures to prevent circular dependencies?

The best way to refactor E2E test fixtures and prevent circular dependencies is applying fixture layering with dependency chains. This approach supports robust refactoring while avoiding overly deep setups that hurt test maintainability.

Why do my Playwright E2E tests fail when recreating the same setup steps in every spec?

Playwright E2E tests fail when recreating setup steps because inconsistent login, navigation, and data preparation cause state mismatches. Standardizing fixtures and registering preconditions ensures tests start from consistent UI states.

Can I use fixture layering to handle complex stateful page setups in Playwright?

Yes, you can use fixture layering to handle complex stateful page setups in Playwright. It supports dependency chains for stateful pages while enforcing locator, naming, and dependency-chain rules to prevent overly deep setups.