Skills
.Work. You
Rest

dashboard-testing

Official

Write reliable Aspire Dashboard tests

Software Engineering#csharp#integration testing#unit testing#xunit#bunit#aspire dashboard#fluentui js interop
Authormicrosoft
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Aspire Dashboard UI and logic are tested in two different ways (non-Blazor model logic vs Blazor component rendering), and teams need consistent patterns to avoid brittle tests and repeated DI/JS-mock setup.

Core Features & Use Cases

  • Choose the right test project: Use Aspire.Dashboard.Tests for non-Blazor code and Aspire.Dashboard.Components.Tests for Blazor pages/components using bUnit.
  • Use correct test patterns and conventions: Apply xUnit patterns for non-Blazor tests and extend the required bUnit base class for component tests.
  • Reuse shared DI setup and JS interop mocks: Centralize dashboard service registration and FluentUI JS interop stubbing via the provided shared setup helpers.
  • Simulate real-time updates deterministically: Use channels and WaitForAssertion to validate async UI/state transitions.

Quick Start

Tell the AI: "Create a new bUnit test for the Aspire Dashboard Metrics page that uses the shared setup helper, mocks required FluentUI interop, and verifies the rendered output after pushing an update through the test dashboard client."

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: dashboard-testing
Download link: https://github.com/microsoft/aspire/archive/main.zip#dashboard-testing

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