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

tests for sl-tab-panel (#956)

Browse Source
This commit is contained in:
Buni48
2022-10-18 17:49:50 +03:00
committed by GitHub
parent 5458a0e8f5
commit 22fa81433e
2 changed files with 60 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/tab-panel/tab-panel.test.ts Normal file
View File

@@ -0,0 +1,51 @@
import { aTimeout, expect, fixture, html } from '@open-wc/testing';
import type SlTabPanel from './tab-panel';
describe('<sl-tab-panel>', () => {
it('passes accessibility test', async () => {
const el = await fixture<SlTabPanel>(html` <sl-tab-panel>Test</sl-tab-panel> `);
expect(el).to.be.accessible();
});
it('default properties', async () => {
const el = await fixture<SlTabPanel>(html` <sl-tab-panel>Test</sl-tab-panel> `);
expect(el.id).to.equal('sl-tab-panel-2');
expect(el.name).to.equal('');
expect(el.active).to.equal(false);
expect(el.getAttribute('role')).to.equal('tabpanel');
expect(el.getAttribute('aria-hidden')).to.equal('true');
});
it('properties should reflect', async () => {
const el = await fixture<SlTabPanel>(html` <sl-tab-panel>Test</sl-tab-panel> `);
el.name = 'test';
el.active = true;
await aTimeout(100);
expect(el.getAttribute('name')).to.equal('test');
expect(el.hasAttribute('active')).to.equal(true);
});
it('changing active should always update aria-hidden role', async () => {
const el = await fixture<SlTabPanel>(html` <sl-tab-panel>Test</sl-tab-panel> `);
el.active = true;
await aTimeout(100);
expect(el.getAttribute('aria-hidden')).to.equal('false');
});
it('changing active should always update aria-hidden role', async () => {
const el = await fixture<SlTabPanel>(html` <sl-tab-panel>Test</sl-tab-panel> `);
el.active = true;
await aTimeout(100);
expect(el.getAttribute('aria-hidden')).to.equal('false');
});
it('passed id should be used', async () => {
const el = await fixture<SlTabPanel>(html` <sl-tab-panel id="test-id">Test</sl-tab-panel> `);
expect(el.id).to.equal('test-id');
});
});

9
src/components/tab/tab.test.ts
View File

@@ -3,6 +3,15 @@ import sinon from 'sinon';
import type SlTab from './tab';
describe('<sl-tab>', () => {
it('passes accessibility test', async () => {
const el = await fixture<SlTab>(html`
<sl-tab-group>
<sl-tab slot="nav">Test</sl-tab>
</sl-tab-group>
`);
expect(el).to.be.accessible();
});
it('should render default tab', async () => {
const el = await fixture<SlTab>(html` <sl-tab>Test</sl-tab> `);