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

Add test for slot=after element

Browse source
This commit is contained in:
Felix Mueller 2021-08-03 17:04:03 +02:00
parent 99d894efb3
commit 627490aedc
1 changed files with 22 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
packages/input-amount/test/lion-input-amount.test.js
View file

@ -230,6 +230,28 @@ describe('<lion-input-amount>', () => {
expect(currLabel?.getAttribute('aria-label')).to.equal('euros');
});
it('sets currency label on the after after element', async () => {
const el = /** @type {LionInputAmount} */ (
await fixture(`
<lion-input-amount>
<span slot="after" id="123">Currency, please</span>
</lion-input-amount>`)
);
const mySlotLabel = /** @type {HTMLElement[]} */ (Array.from(el.children)).find(
child => child.slot === 'after',
);
expect(mySlotLabel?.id).to.equal('123');
el.currency = 'EUR';
await el.updateComplete;
const currLabel = /** @type {HTMLElement[]} */ (Array.from(el.children)).find(
child => child.slot === 'after',
);
expect(currLabel).to.equal(mySlotLabel);
expect(currLabel?.id).to.equal('123');
expect(currLabel?.innerText).to.equal('EUR');
});
describe('Accessibility', () => {
it('is accessible', async () => {
const el = await fixture(