diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.element.ts index d93537ae35..8cf1a4ed09 100644 --- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.element.ts +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.element.ts @@ -18,6 +18,12 @@ export class UmbInputNumberRangeElement extends FormControlMixin(UmbLitElement) `, ]; + @property({type: String, attribute:'min-label'}) + minLabel = "Low value" + + @property({type: String, attribute:'max-label'}) + maxLabel = "High value" + @state() private _minValue?: number; @property() @@ -77,7 +83,7 @@ export class UmbInputNumberRangeElement extends FormControlMixin(UmbLitElement) render() { - return html``; + return html``; } } diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.test.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.test.ts new file mode 100644 index 0000000000..ade9185f53 --- /dev/null +++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-number-range/input-number-range.test.ts @@ -0,0 +1,20 @@ +import { expect, fixture, html } from '@open-wc/testing'; +import { UmbInputNumberRangeElement } from './input-number-range.element'; +import { defaultA11yConfig } from '@umbraco-cms/test-utils'; +describe('UmbPropertyEditorUINumberRangeElement', () => { + let element: UmbInputNumberRangeElement; + + beforeEach(async () => { + element = await fixture( + html` ` + ); + }); + + it('is defined with its own instance', () => { + expect(element).to.be.instanceOf(UmbInputNumberRangeElement); + }); + + it('passes the a11y audit', async () => { + await expect(element).shadowDom.to.be.accessible(defaultA11yConfig); + }); +});