ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(validate): add attributes for validation states

Browse source
This commit is contained in:
Thomas Allmer 2019-07-14 21:40:52 +02:00
parent b9012fe2ba
commit f4fb438363
2 changed files with 59 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
packages/validate/src/ValidateMixin.js
View file

@ -119,9 +119,13 @@ export const ValidateMixin = dedupeMixin(
},
errorState: {
type: Boolean,
attribute: 'error-state',
reflect: true,
},
errorShow: {
type: Boolean,
attribute: 'error-show',
reflect: true,
},
warningValidators: {
type: Object,
@ -131,9 +135,13 @@ export const ValidateMixin = dedupeMixin(
},
warningState: {
type: Boolean,
attribute: 'warning-state',
reflect: true,
},
warningShow: {
type: Boolean,
attribute: 'warning-show',
reflect: true,
},
infoValidators: {
type: Object,
@ -143,9 +151,13 @@ export const ValidateMixin = dedupeMixin(
},
infoState: {
type: Boolean,
attribute: 'info-state',
reflect: true,
},
infoShow: {
type: Boolean,
attribute: 'info-show',
reflect: true,
},
successValidators: {
type: Object,
@ -155,12 +167,17 @@ export const ValidateMixin = dedupeMixin(
},
successState: {
type: Boolean,
attribute: 'success-state',
reflect: true,
},
successShow: {
type: Boolean,
attribute: 'success-show',
reflect: true,
},
invalid: {
type: Boolean,
reflect: true,
},
message: {
type: Boolean,

42
packages/validate/test/ValidateMixin.test.js
View file

@ -195,6 +195,48 @@ describe('ValidateMixin', () => {
);
});
it('sets attribute "(error|warning|info|success|invalid)-state"', async () => {
const el = await fixture(html`<${tag}></${tag}>`);
el.errorState = true;
await el.updateComplete;
expect(el.hasAttribute('error-state'), 'has error-state attribute').to.be.true;
el.warningState = true;
await el.updateComplete;
expect(el.hasAttribute('warning-state'), 'has warning-state attribute').to.be.true;
el.infoState = true;
await el.updateComplete;
expect(el.hasAttribute('info-state'), 'has info-state attribute').to.be.true;
el.successState = true;
await el.updateComplete;
expect(el.hasAttribute('success-state'), 'has error-state attribute').to.be.true;
el.invalid = true;
await el.updateComplete;
expect(el.hasAttribute('invalid'), 'has invalid attribute').to.be.true;
});
it('sets attribute "(error|warning|info|success)-show"', async () => {
const el = await fixture(html`<${tag}></${tag}>`);
el.errorShow = true;
await el.updateComplete;
expect(el.hasAttribute('error-show'), 'has error-show attribute').to.be.true;
el.warningShow = true;
await el.updateComplete;
expect(el.hasAttribute('warning-show'), 'has warning-show attribute').to.be.true;
el.infoShow = true;
await el.updateComplete;
expect(el.hasAttribute('info-show'), 'has info-show attribute').to.be.true;
el.successShow = true;
await el.updateComplete;
expect(el.hasAttribute('success-show'), 'has success-show attribute').to.be.true;
});
describe(`Validators ${suffixName}`, () => {
function isCat(modelValue, opts) {
const validateString = opts && opts.number ? `cat${opts.number}` : 'cat';