Can I test validation errors with these patterns?

Yes, it includes specific patterns for simulating Umbraco-style validation errors (400 Bad Request) to ensure your UI handles feedback correctly.

Does this require a live Umbraco instance?

No, the skill is designed to help you test in isolation by mocking all backend dependencies, allowing for faster and more reliable test suites.

What version of MSW does this skill support?

This skill is fully optimized for MSW v2, utilizing the latest http and HttpResponse syntax for network interception.

How do I handle state between different API calls?

The skill provides a 'Mock Database' pattern that allows your mock handlers to read, create, update, and delete data in a local memory store during tests.

Umbraco MSW Testing

Name: Umbraco MSW Testing
Author: umbraco

byumbraco

•

Security & Testing

Simplifies API mocking for Umbraco backoffice extensions using Mock Service Worker (MSW) v2 patterns.

About

This skill provides specialized patterns and configurations for testing Umbraco CMS backoffice extensions without requiring a live backend instance. By leveraging Mock Service Worker (MSW) v2, it enables developers to intercept network requests and return precise mock responses, making it ideal for testing complex error states, loading behaviors, and edge cases. It includes ready-to-use handlers for GET, POST, PUT, and DELETE operations, along with a mock database pattern for maintaining state across test cycles.

Key Features

Simulation patterns for 404/500 errors and validation failures
Pre-configured Web Test Runner and Playwright setup instructions
1 GitHub stars
Modern MSW v2 syntax for robust API interception
Loading state simulation using network delay patterns
Stateful mock database pattern for complex data workflows

Use Cases

Simulating slow network conditions to optimize user experience and loading states
Debugging error handling and validation logic in frontend extensions
Testing backoffice UI components without a running Umbraco environment

About

Key Features

Simulation patterns for 404/500 errors and validation failures
Pre-configured Web Test Runner and Playwright setup instructions
1 GitHub stars
Modern MSW v2 syntax for robust API interception
Loading state simulation using network delay patterns
Stateful mock database pattern for complex data workflows

Use Cases

Simulating slow network conditions to optimize user experience and loading states
Debugging error handling and validation logic in frontend extensions
Testing backoffice UI components without a running Umbraco environment