Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
58 lines
2.5 KiB
JavaScript
58 lines
2.5 KiB
JavaScript
import { newE2EPage } from "@stencil/core/testing";
|
|
describe('ifx-slider', () => {
|
|
it('renders', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-slider></ifx-slider>');
|
|
const element = await page.find('ifx-slider');
|
|
expect(element).toHaveClass('hydrated');
|
|
});
|
|
it('renders changes to the value data', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-slider value="50"></ifx-slider>');
|
|
const element = await page.find('ifx-slider >>> input');
|
|
const value = await element.getProperty('value');
|
|
expect(value).toEqual('50');
|
|
});
|
|
it('handles input change', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-slider></ifx-slider>');
|
|
const element = await page.find('ifx-slider >>> input');
|
|
await element.press('ArrowRight');
|
|
const value = await element.getProperty('value');
|
|
expect(value).toEqual('1');
|
|
});
|
|
it('disables when the disabled property is set', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-slider disabled></ifx-slider>');
|
|
const element = await page.find('ifx-slider >>> input');
|
|
expect(element.getAttribute('disabled')).not.toBeNull();
|
|
});
|
|
it('renders left text', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-slider left-text="Left Text"></ifx-slider>');
|
|
const element = await page.find('ifx-slider >>> .left-text');
|
|
expect(element.textContent).toEqual('Left Text');
|
|
});
|
|
it('renders right text', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-slider right-text="Right Text"></ifx-slider>');
|
|
const element = await page.find('ifx-slider >>> .right-text');
|
|
expect(element.textContent).toEqual('Right Text');
|
|
});
|
|
it('renders percentage if showPercentage is true', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-slider value="30" show-percentage></ifx-slider>');
|
|
const element = await page.find('ifx-slider >>> .percentage-display');
|
|
expect(element.textContent).toEqual('30%');
|
|
});
|
|
it('emits the ifxChange event when the input changes', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-slider value="50"></ifx-slider>');
|
|
const spy = await page.spyOnEvent('ifxChange');
|
|
const input = await page.find('ifx-slider >>> input');
|
|
await input.press('ArrowRight');
|
|
expect(spy).toHaveReceivedEventDetail(51);
|
|
});
|
|
});
|
|
//# sourceMappingURL=slider.e2e.js.map
|