test-states

Community

Automate UI state tests with Playwright.

AuthorAlexDevFlow
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Tests UI states and dynamic behavior to ensure loading, empty, error, overlay, and animation states behave consistently across components.

Core Features & Use Cases

  • State coverage: Validate loading, empty, error, overlay, and animation states for modals, toasts, and dynamic content.
  • Deterministic testing: Run parallel tests to reduce feedback time and catch regressions quickly.
  • Real-world scenarios: Simulate network delays, partial failures, and focus-trapped dialogs to mirror production conditions.
  • Use Case: QA engineer uses this to verify a dashboard's modal workflow before release.

Quick Start

Run the four agent configurations to validate UI states in parallel using Playwright CLI.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: test-states
Download link: https://github.com/AlexDevFlow/Claude10XD/archive/main.zip#test-states

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.