playwright-blazor

Test Blazor applications end-to-end with Playwright patterns.

71|10|Updated Feb 11, 2026
One-click install
npx skills add https://github.com/wshaddix/dotnet-skills --skill playwright-blazor-wshaddix
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-blazor
Source: https://github.com/wshaddix/dotnet-skills/tree/main/skills/playwright-blazor
Command: npx skills add https://github.com/wshaddix/dotnet-skills --skill playwright-blazor-wshaddix

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of writing robust end-to-end tests for Blazor applications, ensuring your UI behaves as expected across different scenarios.

Core Features & Use Cases

  • Component Testing: Verify the behavior and interactions of individual Blazor components.
  • Page Navigation: Test user flows and navigation within your Blazor application.
  • Real-time Updates: Handle and assert on SignalR-based real-time features in Blazor Server.
  • Use Case: You've just implemented a new feature in your Blazor WebAssembly app. Use this Skill to write an end-to-end test that simulates a user logging in, interacting with the new feature, and verifying the correct output.

Quick Start

Use the playwright-blazor skill to write an end-to-end test for a Blazor login form.

Frequently Asked Questions about playwright-blazor

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

FAQPage Schema
How do I handle end-to-end testing for Blazor applications with SignalR?

End-to-end testing for Blazor applications with SignalR involves handling real-time updates by applying proper wait strategies and error handling for Blazor-specific UI rendering. You can assert on SignalR-based features in Blazor Server by waiting for stable selectors to appear.

What is the best way to test Blazor component interactions?

Testing Blazor component interactions is best achieved by verifying individual component behavior and user flows. You should use stable selectors and proper wait strategies to ensure the Blazor-specific UI rendering behaves as expected across different interaction scenarios.

Can I use Playwright to test authentication flows in Blazor WebAssembly?

Yes, you can use Playwright to test authentication flows in Blazor WebAssembly. It provides patterns to simulate user logins, interact with new features, and verify correct output by navigating through authentication flows and page navigation steps.

Why do my Playwright tests fail during Blazor page navigation?

Playwright tests often fail during Blazor page navigation due to dynamic UI rendering. You need to implement proper wait strategies and use stable selectors to handle Blazor-specific rendering delays, ensuring elements are fully loaded before interaction.

Does Playwright support automated testing for real-time updates in Blazor Server?

Playwright supports automated testing for real-time updates in Blazor Server by providing patterns to handle and assert on SignalR-based features. It emphasizes proper wait strategies and error handling to correctly verify real-time UI changes.

How do I write an e2e test for a Blazor login form?

To write an e2e test for a Blazor login form, you simulate user interactions by navigating to the form, entering credentials, and verifying the authentication flow. Use stable selectors and wait strategies to handle Blazor-specific rendering during the process.