Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
49 lines
2.1 KiB
JavaScript
49 lines
2.1 KiB
JavaScript
// dropdown.e2e.ts
|
|
import { newE2EPage } from "@stencil/core/testing";
|
|
describe('Dropdown Component', () => {
|
|
let page;
|
|
beforeEach(async () => {
|
|
page = await newE2EPage();
|
|
await page.setContent(`
|
|
<ifx-dropdown>
|
|
<ifx-dropdown-trigger-button icon="c-info-16" variant="solid" color="primary" size="m"></ifx-dropdown-trigger-button>
|
|
<ifx-dropdown-menu>
|
|
<ifx-dropdown-item href="https://example.com" icon="c-info-16" target="_blank"></ifx-dropdown-item>
|
|
<ifx-dropdown-separator></ifx-dropdown-separator>
|
|
<ifx-dropdown-item href="https://example2.com" icon="c-info-16" target="_blank"></ifx-dropdown-item>
|
|
</ifx-dropdown-menu>
|
|
</ifx-dropdown>
|
|
`);
|
|
});
|
|
it('should be rendered', async () => {
|
|
const dropdown = await page.find('ifx-dropdown');
|
|
expect(dropdown).not.toBeNull();
|
|
});
|
|
it('should render the separator', async () => {
|
|
const separator = await page.find('ifx-dropdown-separator');
|
|
expect(separator).not.toBeNull();
|
|
});
|
|
it('should open the dropdown when the trigger is clicked', async () => {
|
|
const dropdown = await page.find('ifx-dropdown');
|
|
const trigger = await dropdown.querySelector('ifx-dropdown-trigger-button');
|
|
await trigger.click();
|
|
const dropdownMenu = await page.find('ifx-dropdown-menu');
|
|
const isVisible = await dropdownMenu.isVisible();
|
|
expect(isVisible).toBe(true);
|
|
});
|
|
it('should render the correct icon for each dropdown item', async () => {
|
|
// Open the dropdown
|
|
const dropdown = await page.find('ifx-dropdown');
|
|
const trigger = await dropdown.querySelector('ifx-dropdown-trigger-button');
|
|
await trigger.click();
|
|
// Check the icons for each dropdown item
|
|
const dropdownMenu = await page.find('ifx-dropdown-menu');
|
|
const items = await dropdownMenu.findAll('ifx-dropdown-item');
|
|
const icon1 = await items[0].shadowRoot.querySelector('ifx-icon');
|
|
expect(icon1).not.toBeNull();
|
|
const icon2 = await items[1].shadowRoot.querySelector('ifx-icon');
|
|
expect(icon2).not.toBeNull();
|
|
});
|
|
});
|
|
//# sourceMappingURL=dropdown.e2e.js.map
|