Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
48 lines
2.3 KiB
JavaScript
48 lines
2.3 KiB
JavaScript
import { newE2EPage } from "@stencil/core/testing";
|
|
describe('ifx-progress-bar', () => {
|
|
it('should render component', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-progress-bar></ifx-progress-bar>');
|
|
const element = await page.find('ifx-progress-bar');
|
|
expect(element).toHaveClass('hydrated');
|
|
});
|
|
it('should reflect value and label props', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-progress-bar value="70" label="Progress"></ifx-progress-bar>');
|
|
const progressBar = await page.find('ifx-progress-bar');
|
|
const value = await progressBar.getProperty('value');
|
|
const label = await progressBar.getProperty('label');
|
|
expect(value).toBe(70);
|
|
expect(label).toBe('Progress');
|
|
});
|
|
it('should show label when showLabel is true', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-progress-bar value="60"></ifx-progress-bar>');
|
|
const progressBar = await page.find('ifx-progress-bar');
|
|
await progressBar.setProperty('showLabel', true);
|
|
await page.waitForChanges();
|
|
const showLabel = await progressBar.getProperty('showLabel');
|
|
const labelElement = await page.find('ifx-progress-bar >>> .label');
|
|
expect(showLabel).toBe(true);
|
|
expect(labelElement).not.toBeNull();
|
|
});
|
|
it('should not show label when size is "s"', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<ifx-progress-bar value="50" size="s" showLabel="true"></ifx-progress-bar>');
|
|
const progressBar = await page.find('ifx-progress-bar');
|
|
const size = await progressBar.getProperty('size');
|
|
const labelElement = await page.find('ifx-progress-bar >>> .label');
|
|
expect(size).toBe('s');
|
|
expect(labelElement).toBeNull();
|
|
});
|
|
it('should reflect the progress percentage in the width style of the progress bar', async () => {
|
|
const page = await newE2EPage();
|
|
await page.setContent('<div style="width: 1000px;"><ifx-progress-bar value="50"></ifx-progress-bar></div>');
|
|
const progressBar = await page.find('ifx-progress-bar >>> .progress');
|
|
const computedStyle = await progressBar.getComputedStyle();
|
|
const width = computedStyle['width'];
|
|
expect(width).toEqual('500px'); // 50% of 1000px
|
|
});
|
|
});
|
|
//# sourceMappingURL=progress-bar.e2e.js.map
|