umbraco-e2e-testing
Umbraco E2E Testing
End-to-end testing for Umbraco backoffice extensions using Playwright and @umbraco/playwright-testhelpers. This approach tests against a real running Umbraco instance, validating complete user workflows.
Critical: Use Testhelpers for Core Umbraco
Use @umbraco/playwright-testhelpers for core Umbraco operations:
| Package | Purpose | Why Required |
|---|---|---|
@umbraco/playwright-testhelpers |
UI and API helpers | Handles auth, navigation, core entity CRUD |
@umbraco/json-models-builders |
Test data builders | Creates valid Umbraco entities with correct structure |
Why use testhelpers for core Umbraco?
- Umbraco uses
data-markinstead ofdata-testid- testhelpers handle this - Auth token management is complex - testhelpers manage
STORAGE_STAGE_PATH - API setup/teardown requires specific payload formats - builders ensure correctness
- Selectors change between versions - testhelpers abstract these away
More from umbraco/umbraco-cms-backoffice-skills
umbraco-backoffice
Umbraco backoffice extension customisation - complete working examples showing how extension types combine
185umbraco-controllers
Understand and create controllers in Umbraco backoffice (foundational concept)
171umbraco-dashboard
Implement dashboards in Umbraco backoffice using official docs
170umbraco-extension-template
Create new Umbraco backoffice extensions using the official dotnet template
170umbraco-quickstart
Quick setup for Umbraco extension development - creates instance, extension, and registers it
168umbraco-property-editor-ui
Implement property editor UIs in Umbraco backoffice using official docs
165