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

chore(validate): add tests for state css classes

Browse source
This commit is contained in:
Thomas Allmer 2019-07-14 20:21:24 +02:00
parent bb1c702d8a
commit adc3613728
1 changed files with 52 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -143,6 +143,58 @@ describe('ValidateMixin', () => {
expect(otherValidatorSpy.calledWith('foo')).to.equal(true);
});
// classes are added only for backward compatibility - they are deprecated
it('sets a class "state-(error|warning|info|success|invalid)"', async () => {
const el = await fixture(html`<${tag}></${tag}>`);
el.errorState = true;
await el.updateComplete;
expect(el.classList.contains('state-error')).to.equal(true, 'has class "state-error"');
el.warningState = true;
await el.updateComplete;
expect(el.classList.contains('state-warning')).to.equal(true, 'has class "state-warning"');
el.infoState = true;
await el.updateComplete;
expect(el.classList.contains('state-info')).to.equal(true, 'has class "state-info"');
el.successState = true;
await el.updateComplete;
expect(el.classList.contains('state-success')).to.equal(true, 'has class "state-success"');
el.invalid = true;
await el.updateComplete;
expect(el.classList.contains('state-invalid')).to.equal(true, 'has class "state-invalid"');
});
it('sets a class "state-(error|warning|info|success)-show"', async () => {
const el = await fixture(html`<${tag}></${tag}>`);
el.errorShow = true;
await el.updateComplete;
expect(el.classList.contains('state-error-show')).to.equal(
true,
'has class "state-error-show"',
);
el.warningShow = true;
await el.updateComplete;
expect(el.classList.contains('state-warning-show')).to.equal(
true,
'has class "state-warning-show"',
);
el.infoShow = true;
await el.updateComplete;
expect(el.classList.contains('state-info-show')).to.equal(true, 'has class "state-info-show"');
el.successShow = true;
await el.updateComplete;
expect(el.classList.contains('state-success-show')).to.equal(
true,
'has class "state-success-show"',
);
});
describe(`Validators ${suffixName}`, () => {
function isCat(modelValue, opts) {
const validateString = opts && opts.number ? `cat${opts.number}` : 'cat';