396deb2e3b
Co-authored-by: Alex Ghiu <alex.ghiu@ing.com> Co-authored-by: Gerjan van Geest <Gerjan.van.Geest@ing.com> Co-authored-by: Thijs Louisse <Thijs.Louisse@ing.com> Co-authored-by: Joren Broekema <joren.broekema@ing.com> Co-authored-by: Erik Kroes <erik.kroes@ing.com>
99 lines
3.5 KiB
JavaScript
99 lines
3.5 KiB
JavaScript
import { expect, fixture } from '@open-wc/testing';
|
|
import { html } from '@lion/core';
|
|
import { localizeTearDown } from '@lion/localize/test-helpers.js';
|
|
|
|
import { localize } from '@lion/localize';
|
|
import { MaxDate } from '@lion/validate';
|
|
|
|
import '../lion-input-date.js';
|
|
|
|
describe('<lion-input-date>', () => {
|
|
beforeEach(() => {
|
|
localizeTearDown();
|
|
});
|
|
|
|
it('returns undefined when value is empty string', async () => {
|
|
const el = await fixture(`<lion-input-date></lion-input-date>`);
|
|
expect(el.parser('')).to.equal(undefined);
|
|
});
|
|
|
|
it('has type="text" to activate default keyboard on mobile with all necessary symbols', async () => {
|
|
const el = await fixture(`<lion-input-date></lion-input-date>`);
|
|
expect(el._inputNode.type).to.equal('text');
|
|
});
|
|
|
|
it('has validator "isDate" applied by default', async () => {
|
|
const el = await fixture(`<lion-input-date></lion-input-date>`);
|
|
el.modelValue = '2005/11/10';
|
|
expect(el.hasFeedbackFor).to.include('error');
|
|
expect(el.validationStates).to.have.a.property('error');
|
|
expect(el.validationStates.error).to.have.a.property('IsDate');
|
|
|
|
el.modelValue = new Date('2005/11/10');
|
|
expect(el.hasFeedbackFor).not.to.include('error');
|
|
expect(el.validationStates).to.have.a.property('error');
|
|
expect(el.validationStates.error).not.to.have.a.property('IsDate');
|
|
});
|
|
|
|
it('gets validated by "MaxDate" correctly', async () => {
|
|
const el = await fixture(html`
|
|
<lion-input-date
|
|
.modelValue=${new Date('2017/06/15')}
|
|
.validators=${[new MaxDate(new Date('2017/06/14'))]}
|
|
></lion-input-date>
|
|
`);
|
|
expect(el.hasFeedbackFor).to.include('error');
|
|
expect(el.validationStates).to.have.a.property('error');
|
|
expect(el.validationStates.error).to.have.a.property('MaxDate');
|
|
|
|
el.modelValue = new Date('2017/06/14');
|
|
expect(el.hasFeedbackFor).not.to.include('error');
|
|
expect(el.validationStates).to.have.a.property('error');
|
|
expect(el.validationStates.error).not.to.have.a.property('MaxDate');
|
|
});
|
|
|
|
it('uses formatOptions.locale', async () => {
|
|
const el = await fixture(html`
|
|
<lion-input-date
|
|
.formatOptions="${{ locale: 'en-GB' }}"
|
|
.modelValue=${new Date('2017/06/15')}
|
|
></lion-input-date>
|
|
`);
|
|
expect(el.formattedValue).to.equal('15/06/2017');
|
|
|
|
const el2 = await fixture(html`
|
|
<lion-input-date
|
|
.formatOptions="${{ locale: 'en-US' }}"
|
|
.modelValue=${new Date('2017/06/15')}
|
|
></lion-input-date>
|
|
`);
|
|
expect(el2.formattedValue).to.equal('06/15/2017');
|
|
});
|
|
|
|
it('uses global locale when formatOptions.locale is not defined', async () => {
|
|
localize.locale = 'fr-FR';
|
|
const el = await fixture(html`
|
|
<lion-input-date .modelValue=${new Date('2017/06/15')}></lion-input-date>
|
|
`);
|
|
expect(el.formattedValue).to.equal('15/06/2017');
|
|
|
|
localize.locale = 'en-US';
|
|
const el2 = await fixture(html`
|
|
<lion-input-date .modelValue=${new Date('2017/06/15')}></lion-input-date>
|
|
`);
|
|
expect(el2.formattedValue).to.equal('06/15/2017');
|
|
});
|
|
|
|
it('ignores global locale change if formatOptions.locale is provided', async () => {
|
|
const el = await fixture(html`
|
|
<lion-input-date
|
|
.modelValue=${new Date('2017/06/15')}
|
|
.formatOptions="${{ locale: 'en-GB' }}"
|
|
></lion-input-date>
|
|
`);
|
|
expect(el.formattedValue).to.equal('15/06/2017'); // british
|
|
localize.locale = 'en-US';
|
|
await el.updateComplete;
|
|
expect(el.formattedValue).to.equal('15/06/2017'); // should stay british
|
|
});
|
|
});
|