yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
Mads Rasmussen
2023-03-09 12:56:31 +01:00
parent 6b2b106b8d
commit 4be014754f
1 changed files with 29 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
src/Umbraco.Web.UI.Client/src/backoffice/shared/property-editors/uis/date-picker/property-editor-ui-date-picker.test.ts
View File

@@ -4,41 +4,40 @@ import { UmbPropertyEditorUIDatePickerElement } from './property-editor-ui-date-
import { defaultA11yConfig } from '@umbraco-cms/test-utils';
describe('UmbPropertyEditorUIDatePickerElement', () => {
let element: UmbPropertyEditorUIDatePickerElement;
let inputElement: UUIInputElement;
let element: UmbPropertyEditorUIDatePickerElement;
let inputElement: UUIInputElement;
beforeEach(async () => {
element = await fixture(
html` <umb-property-editor-ui-date-picker></umb-property-editor-ui-date-picker> `
);
inputElement = element.shadowRoot?.querySelector('uui-input') as UUIInputElement;
});
beforeEach(async () => {
element = await fixture(html` <umb-property-editor-ui-date-picker></umb-property-editor-ui-date-picker> `);
inputElement = element.shadowRoot?.querySelector('uui-input') as UUIInputElement;
console.log(element);
});
it('is defined with its own instance', () => {
expect(element).to.be.instanceOf(UmbPropertyEditorUIDatePickerElement);
});
it('is defined with its own instance', () => {
expect(element).to.be.instanceOf(UmbPropertyEditorUIDatePickerElement);
});
it('should have an input element', () => {
expect(inputElement).to.exist;
});
it('should have an input element', () => {
expect(inputElement).to.exist;
});
it('should show a datetime-local input by default', () => {
expect(inputElement.type).to.equal('datetime-local');
});
it('should show a datetime-local input by default', () => {
expect(inputElement.type).to.equal('datetime-local');
});
it('should show a type=date field if the format only contains a date', async () => {
element.config = [{alias: 'format', value: 'YYYY-MM-dd'}];
await element.updateComplete;
expect(inputElement.type).to.equal('date');
});
it('should show a type=date field if the format only contains a date', async () => {
element.config = [{ alias: 'format', value: 'YYYY-MM-dd' }];
await element.updateComplete;
expect(inputElement.type).to.equal('date');
});
it('should show a type=time field if the format only contains a time', async () => {
element.config = [{alias: 'format', value: 'HH:mm'}];
await element.updateComplete;
expect(inputElement.type).to.equal('time');
});
it('should show a type=time field if the format only contains a time', async () => {
element.config = [{ alias: 'format', value: 'HH:mm' }];
await element.updateComplete;
expect(inputElement.type).to.equal('time');
});
it('passes the a11y audit', async () => {
await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
});
it('passes the a11y audit', async () => {
await expect(element).shadowDom.to.be.accessible(defaultA11yConfig);
});
});