umbraco-mocked-backoffice

Mock Umbraco backoffice API calls for visual and automated testing.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-mocked-backoffice-kraftvaerk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: umbraco-mocked-backoffice
Source: https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy/tree/main/Kraftvaerk.Umbraco.Alchemy.Frontend/.agents/skills/umbraco-mocked-backoffice
Command: npx skills add https://github.com/kraftvaerk/Kraftvaerk.Umbraco.Alchemy --skill umbraco-mocked-backoffice-kraftvaerk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @playwright/test, and includes references (resource) components.

What problem does it solve?

This Skill allows developers to test Umbraco backoffice extensions visually and programmatically without needing a running .NET backend, significantly speeding up the development and testing cycle.

Core Features & Use Cases

  • Visual Testing: Test how your extension looks and behaves in the Umbraco UI.
  • Rapid Iteration: Make changes and see them reflected instantly without full deployments.
  • CI/CD Integration: Automate testing of extensions in a controlled, mocked environment.
  • Use Case: Develop a new custom dashboard widget for Umbraco. Use this Skill to test its UI, data loading states, and interactions against mocked API responses, ensuring it functions correctly before integrating with a live Umbraco instance.

Quick Start

Use the umbraco-mocked-backoffice skill to set up your extension for visual testing.

Frequently Asked Questions about umbraco-mocked-backoffice

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

FAQPage Schema
How do I test Umbraco backoffice extensions without a running .NET backend?

You can test Umbraco backoffice extensions without a backend by mocking API calls. This approach uses MSW handlers for network-level interception and a mock repository pattern to simulate application data, enabling rapid UI iteration.

Can I use Playwright to automate visual testing for Umbraco custom dashboard widgets?

Yes, Playwright is supported for automating visual testing of Umbraco extensions. By mocking API responses, you can test how your custom dashboard widget loads data and handles interactions in a controlled environment before live integration.

What is the best way to integrate Umbraco extension testing into a CI/CD pipeline?

The best way to integrate Umbraco extension testing into CI/CD pipelines is by using a mocked backoffice environment. Mocking API calls allows automated tests to run consistently without deploying a live .NET backend, ensuring reliable validation during continuous integration.

Does mocking Umbraco API calls support both network-level interception and application-level data simulation?

Mocking Umbraco API calls supports both network-level interception and application-level data simulation. You can use MSW handlers to intercept network requests or apply a mock repository pattern to simulate data directly within the application layer.

Why use a mock repository pattern instead of network-level handlers for Umbraco UI testing?

Using a mock repository pattern for Umbraco UI testing provides application-level data simulation, whereas MSW handlers intercept at the network level. The repository pattern allows you to simulate complex data states directly, facilitating rapid iteration for extension development.

Do I need a deployed Umbraco instance to test custom backoffice UI changes?

You do not need a deployed Umbraco instance to test custom backoffice UI changes. By mocking the API calls, you can visually test and iterate on your extensions instantly without the overhead of full deployments or a running .NET backend.