playwright-blazor-e2e

Community

Cross-browser Blazor E2E testing, simplified.

Authorkeithdv
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a practical framework for end-to-end testing of Blazor apps using Playwright, addressing the challenges of WASM loading, asynchronous UI rendering, and component testing, while enabling CI/CD integration.

Core Features & Use Cases

  • Cross-browser Testing: Test Blazor apps across Chromium, Firefox, and WebKit.
  • Auto-waiting & Resilient Assertions: Robust tests that wait for UI and network events.
  • MudBlazor Component Testing: Guidance for locating MudBlazor controls and validating UI.
  • CI/CD Readiness: Scaffolding for test projects and pipelines.
  • Debugging & Tracing: Playwright traces to diagnose failures quickly.

Quick Start

  1. Create a new MSTest-based E2E project and add the Microsoft.Playwright.MSTest package.
  2. Install browsers with the included Playwright CLI.
  3. Write a basic test that navigates to the Blazor app and asserts a visible element (e.g., a header).

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: playwright-blazor-e2e
Download link: https://github.com/keithdv/ClaudeSkills/archive/main.zip#playwright-blazor-e2e

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 223,000+ vetted skills library on demand.