umbraco-playwright-testhelpers

Provide Playwright fixtures and API/UI helpers for testing Umbraco backoffice instances.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive set of tools and utilities to streamline the process of writing end-to-end tests for Umbraco backoffice instances, reducing the boilerplate code and complexity involved in testing.

Core Features & Use Cases

  • Playwright Integration: Offers extended Playwright test fixtures (umbracoApi, umbracoUi) for seamless interaction with Umbraco.
  • API & UI Helpers: Provides dedicated helpers for interacting with Umbraco's API (content, document types, media, etc.) and its user interface (navigation, tree operations, editor interactions).
  • Use Case: A developer needs to ensure that creating a new document type with specific properties functions correctly. They can use umbracoApi.documentTypes.createDefaultDocumentType to create it and umbracoUi.navigateToDocumentType to verify its presence in the UI.

Quick Start

Use the umbraco-playwright-testhelpers skill to create a new document type named "TestDocumentType".

Frequently Asked Questions about umbraco-playwright-testhelpers

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

FAQPage Schema
How do I automate end-to-end testing for an Umbraco backoffice instance?

You can automate e2e testing for an Umbraco backoffice instance by using Playwright fixtures and dedicated API/UI helpers to interact with content management, document types, and media without writing boilerplate code.

Can I use Playwright to create and verify document types in Umbraco?

Yes, you can use Playwright to create document types in Umbraco via API helpers like createDefaultDocumentType and verify their presence in the UI using navigation helpers to ensure end-to-end functionality.

What is the best way to test Umbraco UI tree operations and editor interactions?

The best way to test Umbraco UI tree operations and editor interactions is by using custom UI helper classes that extend Playwright test fixtures to handle navigation, tree operations, and editor input automation.

Does Umbraco e2e testing require separate API and UI helper tools?

Umbraco e2e testing uses separate API and UI helpers within the same framework to divide concerns: API helpers manage backend data like content and media, while UI helpers handle frontoffice interactions like tree navigation.

How do I handle media management and content creation during Umbraco test automation?

You handle media management and content creation during Umbraco test automation by leveraging extended Playwright API helpers designed specifically to interact with Umbraco's backend data structures efficiently.

Why should I use custom test extensions for Umbraco backoffice testing instead of raw Playwright?

Using custom test extensions for Umbraco backoffice testing instead of raw Playwright reduces complexity and boilerplate by providing pre-built fixtures and helper classes tailored specifically for Umbraco's content management workflows.