implement-playwright-tests

Create and execute Playwright end-to-end tests for Blazor WebAssembly applications.

1|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/mamu7211/feirb-mailclient --skill implement-playwright-tests
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: implement-playwright-tests
Source: https://github.com/mamu7211/feirb-mailclient/tree/main/.claude/skills/implement-playwright-tests
Command: npx skills add https://github.com/mamu7211/feirb-mailclient --skill implement-playwright-tests

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill streamlines the creation and maintenance of end-to-end tests for Blazor-based web applications, ensuring UI components and page flows function correctly without manual verification.

Core Features & Use Cases

  • Component Showcase Testing: Verify UI component rendering and interactivity in isolation using the built-in showcase routes.
  • Authenticated Page Testing: Automate complex user flows requiring login, such as dashboard navigation and settings management.
  • Selector Strategy: Provides guidance on navigating custom Blazor-rendered elements and handling scoped CSS isolation.

Quick Start

Invoke the implement-playwright-tests skill by specifying the target page or feature name you wish to test.

Frequently Asked Questions about implement-playwright-tests

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

FAQPage Schema
How do I automate Playwright end-to-end tests for Blazor WebAssembly applications?

Playwright end-to-end tests for Blazor WebAssembly applications are automated by targeting UI component validation and authenticated user flow verification. This skill generates test scripts that navigate custom Blazor-rendered elements and handle scoped CSS isolation.

Can I test authenticated user flows in Blazor using Playwright?

Yes, testing authenticated user flows in Blazor using Playwright is supported. The skill automates complex sequences requiring login, such as dashboard navigation and settings management, to verify page flows function correctly without manual verification.

How do I handle custom Blazor component selectors in Playwright tests?

Handling custom Blazor component selectors in Playwright tests requires adhering to custom component selector patterns for reliable execution. The skill provides guidance on navigating Blazor-rendered elements and managing scoped CSS isolation during test creation.

What is the best way to verify Blazor UI component rendering and interactivity in isolation?

The best way to verify Blazor UI component rendering and interactivity in isolation is through component showcase testing. The skill automates this process by targeting built-in showcase routes to validate UI components function correctly.

Does Playwright work with Blazor scoped CSS isolation for e2e testing?

Playwright works with Blazor scoped CSS isolation for e2e testing by providing specific guidance on navigating custom Blazor-rendered elements. This ensures reliable test execution against components using scoped CSS isolation strategies.

Why do my Playwright tests fail when targeting Blazor WebAssembly components?

Playwright tests targeting Blazor WebAssembly components may fail without proper Playwright configuration and adherence to custom component selector patterns. The skill streamlines creation and maintenance by addressing these specific selector and rendering challenges.