Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
54 lines
2.3 KiB
JavaScript
54 lines
2.3 KiB
JavaScript
import { newE2EPage } from "@stencil/core/testing";
|
|
describe('ifx-switch', () => {
|
|
it('renders', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-switch></ifx-switch>');
|
|
const element = await page.find('ifx-switch');
|
|
expect(element).toHaveClass('hydrated');
|
|
});
|
|
it('does not toggle when disabled', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-switch disabled></ifx-switch>');
|
|
const switchDiv = await page.find('ifx-switch >>> div[role="switch"]');
|
|
await switchDiv.click();
|
|
const container = await page.find('ifx-switch >>> .container');
|
|
expect(container).not.toHaveClass('checked');
|
|
});
|
|
it('emits the ifxChange event', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-switch></ifx-switch>');
|
|
const component = await page.find('ifx-switch');
|
|
const ifxChangeEvent = await component.spyOnEvent('ifxChange');
|
|
await component.click();
|
|
expect(ifxChangeEvent).toHaveReceivedEventDetail(true);
|
|
});
|
|
it('toggles when Enter is pressed', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-switch></ifx-switch>');
|
|
const component = await page.find('ifx-switch');
|
|
await component.press('Enter');
|
|
const container = await page.find('ifx-switch >>> .container');
|
|
expect(container).not.toHaveClass('checked');
|
|
});
|
|
it('toggles when Space is pressed', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-switch></ifx-switch>');
|
|
const switchDiv = await page.find('ifx-switch >>> div[role="switch"]');
|
|
await switchDiv.press('Space');
|
|
// Wait for any changes after pressing 'Space'
|
|
await page.waitForChanges();
|
|
const container = await page.find('ifx-switch >>> .container');
|
|
expect(container).toHaveClass('checked');
|
|
});
|
|
it('updates the visual state when value prop changes', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-switch value="false"></ifx-switch>');
|
|
const component = await page.find('ifx-switch');
|
|
component.setProperty('value', true);
|
|
await page.waitForChanges();
|
|
const container = await page.find('ifx-switch >>> .container');
|
|
expect(container).toHaveClass('checked');
|
|
});
|
|
});
|
|
//# sourceMappingURL=switch.e2e.js.map
|