js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

update tests to check states

Browse Source
This commit is contained in:
Cory LaViska
2024-12-17 11:30:07 -05:00
parent fe05300bdc
commit 543fa3c85c
2 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/checkbox/checkbox.test.ts
View File

@@ -199,17 +199,17 @@ describe('<wa-checkbox>', () => {
expect(checkbox.checkValidity()).to.be.false;
expect(checkbox.checkValidity()).to.be.false;
expect(checkbox.hasAttribute('data-wa-invalid')).to.be.true;
expect(checkbox.hasAttribute('data-wa-valid')).to.be.false;
expect(checkbox.hasAttribute('data-wa-user-invalid')).to.be.true;
expect(checkbox.hasAttribute('data-wa-user-valid')).to.be.false;
expect(checkbox.hasCustomState('invalid')).to.be.true;
expect(checkbox.hasCustomState('valid')).to.be.false;
expect(checkbox.hasCustomState('user-invalid')).to.be.true;
expect(checkbox.hasCustomState('user-valid')).to.be.false;
await clickOnElement(checkbox);
await checkbox.updateComplete;
await aTimeout(0);
expect(checkbox.hasAttribute('data-wa-user-invalid')).to.be.true;
expect(checkbox.hasAttribute('data-wa-user-valid')).to.be.false;
expect(checkbox.hasCustomState('user-invalid')).to.be.true;
expect(checkbox.hasCustomState('user-valid')).to.be.false;
});
it('should be invalid when required and unchecked', async () => {

20
src/components/range/range.test.ts
View File

@@ -164,18 +164,18 @@ describe('<wa-range>', () => {
await range.updateComplete;
expect(range.checkValidity()).to.be.false;
expect(range.hasAttribute('data-wa-invalid')).to.be.true;
expect(range.hasAttribute('data-wa-valid')).to.be.false;
expect(range.hasAttribute('data-wa-user-invalid')).to.be.false;
expect(range.hasAttribute('data-wa-user-valid')).to.be.false;
expect(range.hasCustomState('invalid')).to.be.true;
expect(range.hasCustomState('valid')).to.be.false;
expect(range.hasCustomState('user-invalid')).to.be.false;
expect(range.hasCustomState('user-valid')).to.be.false;
await clickOnElement(range);
await range.updateComplete;
range.blur();
await range.updateComplete;
expect(range.hasAttribute('data-wa-user-invalid')).to.be.true;
expect(range.hasAttribute('data-wa-user-valid')).to.be.false;
expect(range.hasCustomState('user-invalid')).to.be.true;
expect(range.hasCustomState('user-valid')).to.be.false;
});
it('should receive validation attributes ("states") even when novalidate is used on the parent form', async () => {
@@ -185,10 +185,10 @@ describe('<wa-range>', () => {
range.setCustomValidity('Invalid value');
await range.updateComplete;
expect(range.hasAttribute('data-wa-invalid')).to.be.true;
expect(range.hasAttribute('data-wa-valid')).to.be.false;
expect(range.hasAttribute('data-wa-user-invalid')).to.be.false;
expect(range.hasAttribute('data-wa-user-valid')).to.be.false;
expect(range.hasCustomState('invalid')).to.be.true;
expect(range.hasCustomState('valid')).to.be.false;
expect(range.hasCustomState('user-invalid')).to.be.false;
expect(range.hasCustomState('user-valid')).to.be.false;
});
it('should be present in form data when using the form attribute and located outside of a <form>', async () => {