Skills
.Work. You
Rest

playwright-e2e-patterns

Community

Automate E2E tests, save 93% of your time.

Software Engineering#test automation#qa#playwright#e2e testing#signalr#blazor server#data-testid
Authord-kishi
Version1.0.0
Installs0

System Documentation

What problem does it solves? Manual E2E test creation is slow and error-prone, especially with Blazor Server's asynchronous UI and SignalR. This Skill automates the process, reducing test creation time by 93.3% and ensuring robust, reliable tests.

Core Features & Use Cases

  • Efficient data-testid Design: Standardized naming for robust selectors, resilient to UI changes, making tests easier to write and maintain.
  • Blazor Server & SignalR Handling: Provides proven patterns for waiting on StateHasChanged(), SignalR connections, and Toast notifications, eliminating flaky tests.
  • Playwright MCP Tooling: Guides on using playwright_navigate, playwright_snapshot, playwright_click, playwright_fill, playwright_select, and playwright_wait_for for optimal test automation.
  • Use Case: Quickly generate reliable E2E tests for new Blazor Server features, ensuring UI stability and functionality without manual scripting, and drastically cutting down QA cycles.

Quick Start

Generate an E2E test for the new user registration flow in the Blazor Server application, ensuring SignalR connections are handled correctly and success messages are verified.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: playwright-e2e-patterns
Download link: https://github.com/d-kishi/ubiquitous-lang-mng/archive/main.zip#playwright-e2e-patterns

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