skills.rest
keithdv
keithdvCOMMUNITY
Explore all skills by this author →
GitHub

playwright-blazor-e2e

Test Blazor apps across Chromium, Firefox, and WebKit with Playwright.

Updated Jan 4, 2026
Search Tags:#automation#testing#e2e#playwright#ci#blazor#mudblazor
One-click install
npx skills add https://github.com/keithdv/ClaudeSkills --skill playwright-blazor-e2e
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-blazor-e2e
Source: https://github.com/keithdv/ClaudeSkills/tree/main/skills/playwright-blazor-e2e
Command: npx skills add https://github.com/keithdv/ClaudeSkills --skill playwright-blazor-e2e

SYSTEM DOCUMENTATION & REQUIREMENTS

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).