@siemens/ix 0.0.0-20240419081748

package/dist/collection/components/dropdown/test/dropdown-controller.spec.js

@@ -0,0 +1,21 @@
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { hasDropdownItemWrapperImplemented, } from "../dropdown-controller";
+describe('dropdown-controller', () => {
+    it('check wrapper interface implementation', () => {
+        const noWrapperElement = {};
+        const wrapperElement = {
+            getDropdownItemElement: () => { },
+        };
+        expect(hasDropdownItemWrapperImplemented(null)).toBeFalsy();
+        expect(hasDropdownItemWrapperImplemented(noWrapperElement)).toBeFalsy();
+        expect(hasDropdownItemWrapperImplemented(wrapperElement)).toBeTruthy();
+    });
+});
+//# sourceMappingURL=dropdown-controller.spec.js.map

package/dist/collection/components/dropdown/test/dropdown-controller.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-controller.spec.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/test/dropdown-controller.spec.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,EAEL,iCAAiC,GAClC,MAAM,wBAAwB,CAAC;AAEhC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,gBAAgB,GAAG,EAAyB,CAAC;QACnD,MAAM,cAAc,GAAG;YACrB,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;SACV,CAAC;QAEzB,MAAM,CAAC,iCAAiC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QAC5D,MAAM,CAAC,iCAAiC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;QACxE,MAAM,CAAC,iCAAiC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  DropdownItemWrapper,\n  hasDropdownItemWrapperImplemented,\n} from '../dropdown-controller';\n\ndescribe('dropdown-controller', () => {\n  it('check wrapper interface implementation', () => {\n    const noWrapperElement = {} as DropdownItemWrapper;\n    const wrapperElement = {\n      getDropdownItemElement: () => {},\n    } as DropdownItemWrapper;\n\n    expect(hasDropdownItemWrapperImplemented(null)).toBeFalsy();\n    expect(hasDropdownItemWrapperImplemented(noWrapperElement)).toBeFalsy();\n    expect(hasDropdownItemWrapperImplemented(wrapperElement)).toBeTruthy();\n  });\n});\n"]}

package/dist/collection/components/dropdown/test/dropdown.ct.js

@@ -0,0 +1,472 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { expect } from "@playwright/test";
+import { test, viewPorts } from "../../../tests/utils/test/index";
+const html = String.raw;
+test('renders', async ({ mount, page }) => {
+    await mount(`
+  <ix-split-button label="Test 1">
+    <ix-dropdown-item>Test 1</ix-dropdown-item>
+  </ix-split-button>
+
+  <ix-split-button label="Test 2">
+    <ix-dropdown-item>Test 1</ix-dropdown-item>
+  </ix-split-button>
+
+  <ix-group header="Title" sub-header="Subtitle">
+    <ix-dropdown slot="dropdown">
+      <ix-dropdown-item label="Item 1" icon="pin" />
+      <ix-dropdown-item label="Item 2" icon="star" />
+      <ix-dropdown-item label="Item 3" icon="heart" />
+      <ix-dropdown-item label="Item 4" icon="cogwheel" />
+    </ix-dropdown>
+  </ix-group>
+
+  <ix-group header="Title" sub-header="Subtitle">
+    <ix-dropdown slot="dropdown">
+      <ix-dropdown-item label="Item 1" icon="pin" />
+      <ix-dropdown-item label="Item 2" icon="star" />
+      <ix-dropdown-item label="Item 3" icon="heart" />
+      <ix-dropdown-item label="Item 4" icon="cogwheel" />
+    </ix-dropdown>
+  </ix-group>
+  `);
+    const sb1 = page.locator('ix-split-button').nth(0);
+    const sb2 = page.locator('ix-split-button').nth(1);
+    const g1 = page.locator('ix-group').nth(0);
+    const g2 = page.locator('ix-group').nth(1);
+    const sb1Dropdown = sb1.locator('ix-dropdown');
+    const sb2Dropdown = sb2.locator('ix-dropdown');
+    const g1Dropdown = g1.locator('ix-dropdown');
+    const g2Dropdown = g2.locator('ix-dropdown');
+    await sb1.locator('ix-icon-button').first().click();
+    await expectToBeVisible([sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown], 0);
+    await sb2.locator('ix-icon-button').first().click();
+    await expectToBeVisible([sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown], 1);
+    await g2.locator('ix-icon-button').click();
+    await expectToBeVisible([sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown], 3);
+});
+function expectToBeVisible(elements, index) {
+    return Promise.all(elements.map(async (element, i) => {
+        let ef = expect(element);
+        if (i !== index) {
+            ef = ef.not;
+        }
+        await ef.toBeVisible();
+    }));
+}
+test('trigger toggles', async ({ mount, page }) => {
+    await mount(`<ix-button id="trigger">Open</ix-button>
+    <ix-dropdown trigger="trigger" trigger-toggles="true">
+      <ix-dropdown-item label="Item 1"></ix-dropdown-item>
+      <ix-dropdown-item label="Item 2"></ix-dropdown-item>
+    </ix-dropdown>
+  `);
+    await page.locator('ix-button').click();
+    const dropdown = page.locator('.dropdown-menu');
+    await expect(dropdown).toHaveClass(/show/);
+    await expect(dropdown).toBeVisible();
+    await page.locator('ix-button').click();
+    const after = page.locator('.dropdown-menu');
+    await expect(after).not.toHaveClass(/show/);
+    await expect(dropdown).not.toBeVisible();
+});
+test.describe('Close behavior', () => {
+    function mountDropdown(mount, config) {
+        const closeBehavior = config.closeBehavior
+            ? `close-behavior="${config.closeBehavior}"`
+            : '';
+        return mount(`
+      <ix-button id="level-1">Trigger</ix-button>
+      <ix-dropdown id="dropdown-level-1" trigger="level-1" ${closeBehavior}>
+        <ix-dropdown-item>Item 1</ix-dropdown-item>
+        <ix-dropdown-item>Item 2</ix-dropdown-item>
+        <ix-dropdown-item>Item 3</ix-dropdown-item>
+      </ix-dropdown>
+  `);
+    }
+    let triggerButton;
+    let dropdownLevel1;
+    let dropdownLevel1_Item1;
+    function setupTest(page) {
+        triggerButton = page.locator('#level-1');
+        dropdownLevel1 = page.locator('#dropdown-level-1');
+        dropdownLevel1_Item1 = dropdownLevel1
+            .locator('ix-dropdown-item')
+            .getByText('Item 1');
+    }
+    test(' = both', async ({ mount, page }) => {
+        await mountDropdown(mount, {
+            closeBehavior: 'both',
+        });
+        setupTest(page);
+        await triggerButton.click();
+        await expect(dropdownLevel1).toBeVisible();
+        await page.mouse.click(400, 200);
+        await expect(dropdownLevel1).not.toBeVisible();
+        await triggerButton.click();
+        await expect(dropdownLevel1).toBeVisible();
+        await dropdownLevel1_Item1.click();
+        await expect(dropdownLevel1).not.toBeVisible();
+    });
+    test(' = inside', async ({ mount, page }) => {
+        await mountDropdown(mount, {
+            closeBehavior: 'inside',
+        });
+        setupTest(page);
+        await triggerButton.click();
+        await expect(dropdownLevel1).toBeVisible();
+        await page.mouse.click(400, 200);
+        await expect(dropdownLevel1).toBeVisible();
+        await dropdownLevel1_Item1.click();
+        await expect(dropdownLevel1).not.toBeVisible();
+    });
+    test(' = outside', async ({ mount, page }) => {
+        await mountDropdown(mount, {
+            closeBehavior: 'outside',
+        });
+        setupTest(page);
+        await triggerButton.click();
+        await expect(dropdownLevel1).toBeVisible();
+        await page.mouse.click(400, 200);
+        await expect(dropdownLevel1).not.toBeVisible();
+        await triggerButton.click();
+        await expect(dropdownLevel1).toBeVisible();
+        await dropdownLevel1_Item1.click();
+        await expect(dropdownLevel1).toBeVisible();
+    });
+    test(' = false', async ({ mount, page }) => {
+        await mountDropdown(mount, {
+            // Disable close behavior
+            closeBehavior: false,
+        });
+        // Have to be provided via javascript, otherwise the component parse the value as a string.
+        await page
+            .locator('ix-dropdown')
+            .evaluate((dropdown) => (dropdown.closeBehavior = false));
+        setupTest(page);
+        await triggerButton.click();
+        await expect(dropdownLevel1).toBeVisible();
+        await page.mouse.click(400, 200);
+        await expect(dropdownLevel1).toBeVisible();
+        await triggerButton.click();
+        await expect(dropdownLevel1).not.toBeVisible();
+        await triggerButton.click();
+        await expect(dropdownLevel1).toBeVisible();
+        await dropdownLevel1_Item1.click({
+            force: true,
+        });
+        await expect(dropdownLevel1).toBeVisible();
+    });
+});
+test.describe('Nested dropdowns 1/3', () => {
+    function mountDropdown(mount, config) {
+        var _a;
+        return mount(html `
+      <ix-button id="trigger-dropdown-1">Trigger 1</ix-button>
+      <ix-dropdown
+        close-behavior="${(_a = config === null || config === void 0 ? void 0 : config.closeBehavior) !== null && _a !== void 0 ? _a : 'both'}"
+        id="dropdown-1"
+        trigger="trigger-dropdown-1"
+      >
+        <ix-dropdown-item id="trigger-dropdown-2">Item 1</ix-dropdown-item>
+        <ix-dropdown-item>Item 2</ix-dropdown-item>
+        <ix-dropdown-item id="trigger-dropdown-3">Item 3</ix-dropdown-item>
+      </ix-dropdown>
+
+      <ix-dropdown trigger="trigger-dropdown-2" id="dropdown-2">
+        <ix-dropdown-item>Item 1.1</ix-dropdown-item>
+        <ix-dropdown-item>Item 1.2</ix-dropdown-item>
+        <ix-dropdown-item>Item 1.3</ix-dropdown-item>
+      </ix-dropdown>
+
+      <ix-dropdown trigger="trigger-dropdown-3" id="dropdown-3">
+        <ix-dropdown-item>Item 3.1</ix-dropdown-item>
+        <ix-dropdown-item>Item 3.2</ix-dropdown-item>
+        <ix-dropdown-item id="trigger-dropdown-4">Item 3.3</ix-dropdown-item>
+      </ix-dropdown>
+
+      <ix-dropdown trigger="trigger-dropdown-4" id="dropdown-4">
+        <ix-dropdown-item>Item 3.3.1</ix-dropdown-item>
+        <ix-dropdown-item>Item 3.3.2</ix-dropdown-item>
+        <ix-dropdown-item>Item 3.3.3</ix-dropdown-item>
+      </ix-dropdown>
+
+      <ix-button id="trigger-dropdown-5">Trigger 5</ix-button>
+      <ix-dropdown id="dropdown-5" trigger="trigger-dropdown-5">
+        <ix-dropdown-item>Item 1</ix-dropdown-item>
+        <ix-dropdown-item>Item 2</ix-dropdown-item>
+        <ix-dropdown-item id="trigger-dropdown-6">Item 3</ix-dropdown-item>
+      </ix-dropdown>
+
+      <ix-dropdown id="dropdown-6" trigger="trigger-dropdown-6">
+        <ix-dropdown-item>Item 1</ix-dropdown-item>
+        <ix-dropdown-item>Item 2</ix-dropdown-item>
+        <ix-dropdown-item>Item 3</ix-dropdown-item>
+      </ix-dropdown>
+    `);
+    }
+    let triggerDropdown1;
+    let triggerDropdown2;
+    let triggerDropdown3;
+    let triggerDropdown4;
+    let triggerDropdown5;
+    let dropdown1;
+    let dropdown2;
+    let dropdown3;
+    let dropdown4;
+    let dropdown5;
+    function setupTest(page) {
+        triggerDropdown1 = page.locator('#trigger-dropdown-1');
+        triggerDropdown2 = page.locator('#trigger-dropdown-2');
+        triggerDropdown3 = page.locator('#trigger-dropdown-3');
+        triggerDropdown4 = page.locator('#trigger-dropdown-4');
+        triggerDropdown5 = page.locator('#trigger-dropdown-5');
+        dropdown1 = page.locator('#dropdown-1');
+        dropdown2 = page.locator('#dropdown-2');
+        dropdown3 = page.locator('#dropdown-3');
+        dropdown4 = page.locator('#dropdown-4');
+        dropdown5 = page.locator('#dropdown-5');
+    }
+    test('close neighbor sub menu', async ({ mount, page }) => {
+        await mountDropdown(mount);
+        setupTest(page);
+        await triggerDropdown1.click();
+        await expect(dropdown1).toBeVisible();
+        await triggerDropdown3.click();
+        await expect(dropdown3).toBeVisible();
+        await triggerDropdown5.click();
+        await expect(dropdown5).toBeVisible();
+        await expect(dropdown1).not.toBeVisible();
+        await expect(dropdown3).not.toBeVisible();
+    });
+    test('close assigned submenu', async ({ mount, page }) => {
+        await mountDropdown(mount);
+        setupTest(page);
+        await triggerDropdown1.click();
+        await expect(dropdown1).toBeVisible();
+        await triggerDropdown2.click();
+        await expect(dropdown2).toBeVisible();
+        await triggerDropdown3.click();
+        await expect(dropdown2).not.toBeVisible();
+        await expect(dropdown3).toBeVisible();
+        await triggerDropdown4.click();
+        await expect(dropdown4).toBeVisible();
+        await triggerDropdown3.click();
+        await expect(dropdown3).not.toBeVisible();
+        await expect(dropdown4).not.toBeVisible();
+    });
+    test.describe('close by Escape with close behavior', () => {
+        test(' = both', async ({ mount, page }) => {
+            await mountDropdown(mount);
+            setupTest(page);
+            await triggerDropdown1.click();
+            await expect(dropdown1).toBeVisible();
+            await triggerDropdown2.click();
+            await expect(dropdown2).toBeVisible();
+            await triggerDropdown3.click();
+            await expect(dropdown2).not.toBeVisible();
+            await expect(dropdown3).toBeVisible();
+            await triggerDropdown4.click();
+            await expect(dropdown4).toBeVisible();
+            await page.keyboard.press('Escape');
+            await expect(dropdown1).not.toBeVisible();
+            await expect(dropdown2).not.toBeVisible();
+            await expect(dropdown3).not.toBeVisible();
+            await expect(dropdown4).not.toBeVisible();
+        });
+        test(' = inside', async ({ mount, page }) => {
+            await mountDropdown(mount, {
+                closeBehavior: 'inside',
+            });
+            setupTest(page);
+            await triggerDropdown1.click();
+            await expect(dropdown1).toBeVisible();
+            await triggerDropdown2.click();
+            await expect(dropdown2).toBeVisible();
+            await triggerDropdown3.click();
+            await expect(dropdown2).not.toBeVisible();
+            await expect(dropdown3).toBeVisible();
+            await triggerDropdown4.click();
+            await expect(dropdown4).toBeVisible();
+            await page.keyboard.press('Escape');
+            await expect(dropdown1).not.toBeVisible();
+            await expect(dropdown2).not.toBeVisible();
+            await expect(dropdown3).not.toBeVisible();
+            await expect(dropdown4).not.toBeVisible();
+        });
+        test(' = outside', async ({ mount, page }) => {
+            await mountDropdown(mount, { closeBehavior: 'outside' });
+            setupTest(page);
+            await triggerDropdown1.click();
+            await expect(dropdown1).toBeVisible();
+            await triggerDropdown2.click();
+            await expect(dropdown2).toBeVisible();
+            await triggerDropdown3.click();
+            await expect(dropdown2).not.toBeVisible();
+            await expect(dropdown3).toBeVisible();
+            await triggerDropdown4.click();
+            await expect(dropdown4).toBeVisible();
+            await page.keyboard.press('Escape');
+            await expect(dropdown1).not.toBeVisible();
+            await expect(dropdown2).not.toBeVisible();
+            await expect(dropdown3).not.toBeVisible();
+            await expect(dropdown4).not.toBeVisible();
+        });
+        test(' = false', async ({ mount, page }) => {
+            await mountDropdown(mount, { closeBehavior: false });
+            setupTest(page);
+            await triggerDropdown1.click();
+            await expect(dropdown1).toBeVisible();
+            await triggerDropdown2.click();
+            await expect(dropdown2).toBeVisible();
+            await triggerDropdown3.click();
+            await expect(dropdown2).not.toBeVisible();
+            await expect(dropdown3).toBeVisible();
+            await triggerDropdown4.click();
+            await expect(dropdown4).toBeVisible();
+            await page.keyboard.press('Escape');
+            await expect(dropdown1).not.toBeVisible();
+            await expect(dropdown2).not.toBeVisible();
+            await expect(dropdown3).not.toBeVisible();
+            await expect(dropdown4).not.toBeVisible();
+        });
+    });
+});
+test.describe('nested dropdown 2/3', () => {
+    const button1Text = 'Triggerbutton1';
+    const button2Text = 'Triggerbutton2';
+    test.beforeEach(async ({ mount }) => {
+        await mount(`
+      <button id="trigger1">${button1Text}</button>
+      <ix-dropdown trigger="trigger1">
+        <button id="trigger2">${button2Text}</button>
+        <ix-dropdown trigger="trigger2">
+          <ix-dropdown-item label="Item 1"></ix-dropdown-item>
+        </ix-dropdown>
+      </ix-dropdown>
+    `);
+    });
+    test('can open nested dropdown', async ({ page }) => {
+        await page.getByText(button1Text).click();
+        await page.getByText(button2Text).click();
+        const nestedDropdownItem = page.locator('ix-dropdown-item');
+        await expect(nestedDropdownItem).toHaveClass(/hydrated/);
+    });
+});
+test.describe('nested dropdown 3/3', () => {
+    test.beforeEach(async ({ mount }) => {
+        await mount(`
+      <ix-button id="trigger-dropdown-1">Trigger 1</ix-button>
+      <ix-dropdown id="dropdown-1" close-behavior="outside" trigger="trigger-dropdown-1">
+        <ix-dropdown-item id="trigger-dropdown-2">Item 1</ix-dropdown-item>
+        <ix-dropdown-item>Item 2</ix-dropdown-item>
+      </ix-dropdown>
+
+      <ix-dropdown trigger="trigger-dropdown-2" id="dropdown-2" close-behavior="inside">
+        <ix-dropdown-item>Item 1.1</ix-dropdown-item>
+        <ix-dropdown-item>Item 1.2</ix-dropdown-item>
+        <ix-dropdown-item>Item 1.3</ix-dropdown-item>
+      </ix-dropdown>
+    `);
+    });
+    test('close child on parent dismiss', async ({ page }) => {
+        const triggerDropdown1 = page.locator('#trigger-dropdown-1');
+        const triggerDropdown2 = page.locator('#trigger-dropdown-2');
+        const dropdown1 = page.locator('#dropdown-1');
+        const dropdown2 = page.locator('#dropdown-2');
+        await triggerDropdown1.click();
+        await triggerDropdown2.click();
+        await triggerDropdown1.click();
+        await expect(dropdown1).not.toBeVisible();
+        await expect(dropdown2).not.toBeVisible();
+    });
+});
+test('Nested dropdowns within application-header', async ({ mount, page }) => {
+    await mount(html `
+    <ix-application-header>
+      <ix-dropdown-button label="Trigger">
+        <ix-dropdown-item label="MainItem 1"></ix-dropdown-item>
+        <ix-dropdown-item label="MainItem 2"></ix-dropdown-item>
+        <ix-dropdown-item label="MainItem 3" id="submenu-01"></ix-dropdown-item>
+      </ix-dropdown-button>
+    </ix-application-header>
+    <ix-dropdown id="submenu" trigger="submenu-01">
+      <ix-dropdown-item>SubMenuItem 1</ix-dropdown-item>
+      <ix-dropdown-item>SubMenuItem 2</ix-dropdown-item>
+      <ix-dropdown-item>SubMenuItem 3</ix-dropdown-item>
+      <ix-dropdown-item>SubMenuItem 4</ix-dropdown-item>
+    </ix-dropdown>
+  `);
+    await page.setViewportSize(viewPorts.sm);
+    await page.waitForTimeout(500);
+    const header = page.locator('ix-application-header');
+    await expect(header).toBeVisible();
+    const overflowTrigger = header.getByRole('button', { name: 'More Menu' });
+    await overflowTrigger.click();
+    const dropdownButton = header.locator('ix-dropdown-button');
+    await dropdownButton.locator('ix-button').click();
+    const dropdownOfDropdownButton = dropdownButton.locator('ix-dropdown');
+    await expect(dropdownOfDropdownButton).toBeVisible();
+    const submenuTrigger = page
+        .locator('ix-dropdown-item')
+        .getByText('MainItem 3');
+    await expect(submenuTrigger).toBeVisible();
+    await submenuTrigger.click();
+    const submenuDropdown = page.locator('#submenu');
+    await expect(submenuDropdown).toBeVisible();
+    const subMenuItem = submenuDropdown
+        .locator('ix-dropdown-item')
+        .getByText('SubMenuItem 3');
+    await subMenuItem.click();
+    await expect(submenuDropdown).not.toBeVisible();
+    await expect(dropdownOfDropdownButton).not.toBeVisible();
+});
+test.describe('resolve during element connect', () => {
+    test.beforeEach(async ({ mount }) => {
+        await mount(`
+    <ix-button id="trigger">Open</ix-button>
+    <ix-dropdown trigger="trigger">
+      <ix-dropdown-item label="Item 1" icon="print"></ix-dropdown-item>
+      <ix-dropdown-item label="Item 2"></ix-dropdown-item>
+      <ix-dropdown-item>Custom</ix-dropdown-item>
+    </ix-dropdown>
+    `);
+    });
+    test('attach and detach from dom', async ({ page }) => {
+        await page.evaluate(() => {
+            const dropdown = document.querySelector('ix-dropdown');
+            const mount = document.querySelector('#mount');
+            mount.removeChild(dropdown);
+            mount.append(dropdown);
+        });
+        const dropdown = page.locator('ix-dropdown');
+        await page.locator('ix-button').first().click();
+        await expect(dropdown).toBeVisible();
+    });
+    test('add element within runtime', async ({ page }) => {
+        await page.evaluate(async () => {
+            const divElement = document.createElement('div');
+            const mount = document.querySelector('#mount');
+            mount.appendChild(divElement);
+        });
+        const dropdown = page.locator('ix-dropdown');
+        await page.locator('ix-button').first().click();
+        await expect(dropdown).toBeVisible();
+    });
+});
+//# sourceMappingURL=dropdown.ct.js.map

package/dist/collection/components/dropdown/test/dropdown.ct.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.ct.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/test/dropdown.ct.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { ElementHandle, expect, Locator, Page } from '@playwright/test';\nimport { test, viewPorts } from '@utils/test';\n\nconst html = String.raw;\n\ntest('renders', async ({ mount, page }) => {\n  await mount(`\n  <ix-split-button label=\"Test 1\">\n    <ix-dropdown-item>Test 1</ix-dropdown-item>\n  </ix-split-button>\n\n  <ix-split-button label=\"Test 2\">\n    <ix-dropdown-item>Test 1</ix-dropdown-item>\n  </ix-split-button>\n\n  <ix-group header=\"Title\" sub-header=\"Subtitle\">\n    <ix-dropdown slot=\"dropdown\">\n      <ix-dropdown-item label=\"Item 1\" icon=\"pin\" />\n      <ix-dropdown-item label=\"Item 2\" icon=\"star\" />\n      <ix-dropdown-item label=\"Item 3\" icon=\"heart\" />\n      <ix-dropdown-item label=\"Item 4\" icon=\"cogwheel\" />\n    </ix-dropdown>\n  </ix-group>\n\n  <ix-group header=\"Title\" sub-header=\"Subtitle\">\n    <ix-dropdown slot=\"dropdown\">\n      <ix-dropdown-item label=\"Item 1\" icon=\"pin\" />\n      <ix-dropdown-item label=\"Item 2\" icon=\"star\" />\n      <ix-dropdown-item label=\"Item 3\" icon=\"heart\" />\n      <ix-dropdown-item label=\"Item 4\" icon=\"cogwheel\" />\n    </ix-dropdown>\n  </ix-group>\n  `);\n\n  const sb1 = page.locator('ix-split-button').nth(0);\n  const sb2 = page.locator('ix-split-button').nth(1);\n\n  const g1 = page.locator('ix-group').nth(0);\n  const g2 = page.locator('ix-group').nth(1);\n\n  const sb1Dropdown = sb1.locator('ix-dropdown');\n  const sb2Dropdown = sb2.locator('ix-dropdown');\n  const g1Dropdown = g1.locator('ix-dropdown');\n  const g2Dropdown = g2.locator('ix-dropdown');\n\n  await sb1.locator('ix-icon-button').first().click();\n\n  await expectToBeVisible(\n    [sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown],\n    0\n  );\n\n  await sb2.locator('ix-icon-button').first().click();\n\n  await expectToBeVisible(\n    [sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown],\n    1\n  );\n\n  await g2.locator('ix-icon-button').click();\n\n  await expectToBeVisible(\n    [sb1Dropdown, sb2Dropdown, g1Dropdown, g2Dropdown],\n    3\n  );\n});\n\nfunction expectToBeVisible(elements: Locator[], index: number) {\n  return Promise.all(\n    elements.map(async (element, i) => {\n      let ef = expect(element);\n      if (i !== index) {\n        ef = ef.not;\n      }\n      await ef.toBeVisible();\n    })\n  );\n}\n\ntest('trigger toggles', async ({ mount, page }) => {\n  await mount(`<ix-button id=\"trigger\">Open</ix-button>\n    <ix-dropdown trigger=\"trigger\" trigger-toggles=\"true\">\n      <ix-dropdown-item label=\"Item 1\"></ix-dropdown-item>\n      <ix-dropdown-item label=\"Item 2\"></ix-dropdown-item>\n    </ix-dropdown>\n  `);\n\n  await page.locator('ix-button').click();\n  const dropdown = page.locator('.dropdown-menu');\n  await expect(dropdown).toHaveClass(/show/);\n  await expect(dropdown).toBeVisible();\n\n  await page.locator('ix-button').click();\n  const after = page.locator('.dropdown-menu');\n  await expect(after).not.toHaveClass(/show/);\n  await expect(dropdown).not.toBeVisible();\n});\n\ntest.describe('Close behavior', () => {\n  function mountDropdown(\n    mount: (selector: string) => Promise<ElementHandle<HTMLElement>>,\n    config: {\n      closeBehavior: string | boolean;\n    }\n  ) {\n    const closeBehavior = config.closeBehavior\n      ? `close-behavior=\"${config.closeBehavior}\"`\n      : '';\n\n    return mount(`\n      <ix-button id=\"level-1\">Trigger</ix-button>\n      <ix-dropdown id=\"dropdown-level-1\" trigger=\"level-1\" ${closeBehavior}>\n        <ix-dropdown-item>Item 1</ix-dropdown-item>\n        <ix-dropdown-item>Item 2</ix-dropdown-item>\n        <ix-dropdown-item>Item 3</ix-dropdown-item>\n      </ix-dropdown>\n  `);\n  }\n\n  let triggerButton: Locator;\n  let dropdownLevel1: Locator;\n\n  let dropdownLevel1_Item1: Locator;\n\n  function setupTest(page: Page) {\n    triggerButton = page.locator('#level-1');\n    dropdownLevel1 = page.locator('#dropdown-level-1');\n\n    dropdownLevel1_Item1 = dropdownLevel1\n      .locator('ix-dropdown-item')\n      .getByText('Item 1');\n  }\n\n  test(' = both', async ({ mount, page }) => {\n    await mountDropdown(mount, {\n      closeBehavior: 'both',\n    });\n\n    setupTest(page);\n\n    await triggerButton.click();\n    await expect(dropdownLevel1).toBeVisible();\n\n    await page.mouse.click(400, 200);\n    await expect(dropdownLevel1).not.toBeVisible();\n\n    await triggerButton.click();\n    await expect(dropdownLevel1).toBeVisible();\n\n    await dropdownLevel1_Item1.click();\n    await expect(dropdownLevel1).not.toBeVisible();\n  });\n\n  test(' = inside', async ({ mount, page }) => {\n    await mountDropdown(mount, {\n      closeBehavior: 'inside',\n    });\n\n    setupTest(page);\n\n    await triggerButton.click();\n    await expect(dropdownLevel1).toBeVisible();\n\n    await page.mouse.click(400, 200);\n    await expect(dropdownLevel1).toBeVisible();\n\n    await dropdownLevel1_Item1.click();\n    await expect(dropdownLevel1).not.toBeVisible();\n  });\n\n  test(' = outside', async ({ mount, page }) => {\n    await mountDropdown(mount, {\n      closeBehavior: 'outside',\n    });\n\n    setupTest(page);\n\n    await triggerButton.click();\n    await expect(dropdownLevel1).toBeVisible();\n\n    await page.mouse.click(400, 200);\n    await expect(dropdownLevel1).not.toBeVisible();\n\n    await triggerButton.click();\n    await expect(dropdownLevel1).toBeVisible();\n\n    await dropdownLevel1_Item1.click();\n    await expect(dropdownLevel1).toBeVisible();\n  });\n\n  test(' = false', async ({ mount, page }) => {\n    await mountDropdown(mount, {\n      // Disable close behavior\n      closeBehavior: false,\n    });\n\n    // Have to be provided via javascript, otherwise the component parse the value as a string.\n    await page\n      .locator('ix-dropdown')\n      .evaluate((dropdown: any) => (dropdown.closeBehavior = false));\n\n    setupTest(page);\n\n    await triggerButton.click();\n    await expect(dropdownLevel1).toBeVisible();\n\n    await page.mouse.click(400, 200);\n    await expect(dropdownLevel1).toBeVisible();\n\n    await triggerButton.click();\n    await expect(dropdownLevel1).not.toBeVisible();\n\n    await triggerButton.click();\n    await expect(dropdownLevel1).toBeVisible();\n\n    await dropdownLevel1_Item1.click({\n      force: true,\n    });\n    await expect(dropdownLevel1).toBeVisible();\n  });\n});\n\ntest.describe('Nested dropdowns 1/3', () => {\n  function mountDropdown(\n    mount: (selector: string) => Promise<ElementHandle<HTMLElement>>,\n    config?: {\n      closeBehavior: string | boolean;\n    }\n  ) {\n    return mount(html`\n      <ix-button id=\"trigger-dropdown-1\">Trigger 1</ix-button>\n      <ix-dropdown\n        close-behavior=\"${config?.closeBehavior ?? 'both'}\"\n        id=\"dropdown-1\"\n        trigger=\"trigger-dropdown-1\"\n      >\n        <ix-dropdown-item id=\"trigger-dropdown-2\">Item 1</ix-dropdown-item>\n        <ix-dropdown-item>Item 2</ix-dropdown-item>\n        <ix-dropdown-item id=\"trigger-dropdown-3\">Item 3</ix-dropdown-item>\n      </ix-dropdown>\n\n      <ix-dropdown trigger=\"trigger-dropdown-2\" id=\"dropdown-2\">\n        <ix-dropdown-item>Item 1.1</ix-dropdown-item>\n        <ix-dropdown-item>Item 1.2</ix-dropdown-item>\n        <ix-dropdown-item>Item 1.3</ix-dropdown-item>\n      </ix-dropdown>\n\n      <ix-dropdown trigger=\"trigger-dropdown-3\" id=\"dropdown-3\">\n        <ix-dropdown-item>Item 3.1</ix-dropdown-item>\n        <ix-dropdown-item>Item 3.2</ix-dropdown-item>\n        <ix-dropdown-item id=\"trigger-dropdown-4\">Item 3.3</ix-dropdown-item>\n      </ix-dropdown>\n\n      <ix-dropdown trigger=\"trigger-dropdown-4\" id=\"dropdown-4\">\n        <ix-dropdown-item>Item 3.3.1</ix-dropdown-item>\n        <ix-dropdown-item>Item 3.3.2</ix-dropdown-item>\n        <ix-dropdown-item>Item 3.3.3</ix-dropdown-item>\n      </ix-dropdown>\n\n      <ix-button id=\"trigger-dropdown-5\">Trigger 5</ix-button>\n      <ix-dropdown id=\"dropdown-5\" trigger=\"trigger-dropdown-5\">\n        <ix-dropdown-item>Item 1</ix-dropdown-item>\n        <ix-dropdown-item>Item 2</ix-dropdown-item>\n        <ix-dropdown-item id=\"trigger-dropdown-6\">Item 3</ix-dropdown-item>\n      </ix-dropdown>\n\n      <ix-dropdown id=\"dropdown-6\" trigger=\"trigger-dropdown-6\">\n        <ix-dropdown-item>Item 1</ix-dropdown-item>\n        <ix-dropdown-item>Item 2</ix-dropdown-item>\n        <ix-dropdown-item>Item 3</ix-dropdown-item>\n      </ix-dropdown>\n    `);\n  }\n\n  let triggerDropdown1: Locator;\n  let triggerDropdown2: Locator;\n  let triggerDropdown3: Locator;\n  let triggerDropdown4: Locator;\n  let triggerDropdown5: Locator;\n\n  let dropdown1: Locator;\n  let dropdown2: Locator;\n  let dropdown3: Locator;\n  let dropdown4: Locator;\n  let dropdown5: Locator;\n\n  function setupTest(page: Page) {\n    triggerDropdown1 = page.locator('#trigger-dropdown-1');\n    triggerDropdown2 = page.locator('#trigger-dropdown-2');\n    triggerDropdown3 = page.locator('#trigger-dropdown-3');\n    triggerDropdown4 = page.locator('#trigger-dropdown-4');\n    triggerDropdown5 = page.locator('#trigger-dropdown-5');\n\n    dropdown1 = page.locator('#dropdown-1');\n    dropdown2 = page.locator('#dropdown-2');\n    dropdown3 = page.locator('#dropdown-3');\n    dropdown4 = page.locator('#dropdown-4');\n    dropdown5 = page.locator('#dropdown-5');\n  }\n\n  test('close neighbor sub menu', async ({ mount, page }) => {\n    await mountDropdown(mount);\n    setupTest(page);\n\n    await triggerDropdown1.click();\n    await expect(dropdown1).toBeVisible();\n\n    await triggerDropdown3.click();\n    await expect(dropdown3).toBeVisible();\n\n    await triggerDropdown5.click();\n    await expect(dropdown5).toBeVisible();\n    await expect(dropdown1).not.toBeVisible();\n    await expect(dropdown3).not.toBeVisible();\n  });\n\n  test('close assigned submenu', async ({ mount, page }) => {\n    await mountDropdown(mount);\n\n    setupTest(page);\n\n    await triggerDropdown1.click();\n    await expect(dropdown1).toBeVisible();\n\n    await triggerDropdown2.click();\n    await expect(dropdown2).toBeVisible();\n\n    await triggerDropdown3.click();\n    await expect(dropdown2).not.toBeVisible();\n    await expect(dropdown3).toBeVisible();\n\n    await triggerDropdown4.click();\n    await expect(dropdown4).toBeVisible();\n\n    await triggerDropdown3.click();\n    await expect(dropdown3).not.toBeVisible();\n    await expect(dropdown4).not.toBeVisible();\n  });\n\n  test.describe('close by Escape with close behavior', () => {\n    test(' = both', async ({ mount, page }) => {\n      await mountDropdown(mount);\n\n      setupTest(page);\n\n      await triggerDropdown1.click();\n      await expect(dropdown1).toBeVisible();\n\n      await triggerDropdown2.click();\n      await expect(dropdown2).toBeVisible();\n\n      await triggerDropdown3.click();\n      await expect(dropdown2).not.toBeVisible();\n      await expect(dropdown3).toBeVisible();\n\n      await triggerDropdown4.click();\n      await expect(dropdown4).toBeVisible();\n\n      await page.keyboard.press('Escape');\n\n      await expect(dropdown1).not.toBeVisible();\n      await expect(dropdown2).not.toBeVisible();\n      await expect(dropdown3).not.toBeVisible();\n      await expect(dropdown4).not.toBeVisible();\n    });\n\n    test(' = inside', async ({ mount, page }) => {\n      await mountDropdown(mount, {\n        closeBehavior: 'inside',\n      });\n\n      setupTest(page);\n\n      await triggerDropdown1.click();\n      await expect(dropdown1).toBeVisible();\n\n      await triggerDropdown2.click();\n      await expect(dropdown2).toBeVisible();\n\n      await triggerDropdown3.click();\n      await expect(dropdown2).not.toBeVisible();\n      await expect(dropdown3).toBeVisible();\n\n      await triggerDropdown4.click();\n      await expect(dropdown4).toBeVisible();\n\n      await page.keyboard.press('Escape');\n\n      await expect(dropdown1).not.toBeVisible();\n      await expect(dropdown2).not.toBeVisible();\n      await expect(dropdown3).not.toBeVisible();\n      await expect(dropdown4).not.toBeVisible();\n    });\n\n    test(' = outside', async ({ mount, page }) => {\n      await mountDropdown(mount, { closeBehavior: 'outside' });\n\n      setupTest(page);\n\n      await triggerDropdown1.click();\n      await expect(dropdown1).toBeVisible();\n\n      await triggerDropdown2.click();\n      await expect(dropdown2).toBeVisible();\n\n      await triggerDropdown3.click();\n      await expect(dropdown2).not.toBeVisible();\n      await expect(dropdown3).toBeVisible();\n\n      await triggerDropdown4.click();\n      await expect(dropdown4).toBeVisible();\n\n      await page.keyboard.press('Escape');\n\n      await expect(dropdown1).not.toBeVisible();\n      await expect(dropdown2).not.toBeVisible();\n      await expect(dropdown3).not.toBeVisible();\n      await expect(dropdown4).not.toBeVisible();\n    });\n\n    test(' = false', async ({ mount, page }) => {\n      await mountDropdown(mount, { closeBehavior: false });\n\n      setupTest(page);\n\n      await triggerDropdown1.click();\n      await expect(dropdown1).toBeVisible();\n\n      await triggerDropdown2.click();\n      await expect(dropdown2).toBeVisible();\n\n      await triggerDropdown3.click();\n      await expect(dropdown2).not.toBeVisible();\n      await expect(dropdown3).toBeVisible();\n\n      await triggerDropdown4.click();\n      await expect(dropdown4).toBeVisible();\n\n      await page.keyboard.press('Escape');\n\n      await expect(dropdown1).not.toBeVisible();\n      await expect(dropdown2).not.toBeVisible();\n      await expect(dropdown3).not.toBeVisible();\n      await expect(dropdown4).not.toBeVisible();\n    });\n  });\n});\n\ntest.describe('nested dropdown 2/3', () => {\n  const button1Text = 'Triggerbutton1';\n  const button2Text = 'Triggerbutton2';\n\n  test.beforeEach(async ({ mount }) => {\n    await mount(`\n      <button id=\"trigger1\">${button1Text}</button>\n      <ix-dropdown trigger=\"trigger1\">\n        <button id=\"trigger2\">${button2Text}</button>\n        <ix-dropdown trigger=\"trigger2\">\n          <ix-dropdown-item label=\"Item 1\"></ix-dropdown-item>\n        </ix-dropdown>\n      </ix-dropdown>\n    `);\n  });\n\n  test('can open nested dropdown', async ({ page }) => {\n    await page.getByText(button1Text).click();\n    await page.getByText(button2Text).click();\n    const nestedDropdownItem = page.locator('ix-dropdown-item');\n\n    await expect(nestedDropdownItem).toHaveClass(/hydrated/);\n  });\n});\n\ntest.describe('nested dropdown 3/3', () => {\n  test.beforeEach(async ({ mount }) => {\n    await mount(`\n      <ix-button id=\"trigger-dropdown-1\">Trigger 1</ix-button>\n      <ix-dropdown id=\"dropdown-1\" close-behavior=\"outside\" trigger=\"trigger-dropdown-1\">\n        <ix-dropdown-item id=\"trigger-dropdown-2\">Item 1</ix-dropdown-item>\n        <ix-dropdown-item>Item 2</ix-dropdown-item>\n      </ix-dropdown>\n\n      <ix-dropdown trigger=\"trigger-dropdown-2\" id=\"dropdown-2\" close-behavior=\"inside\">\n        <ix-dropdown-item>Item 1.1</ix-dropdown-item>\n        <ix-dropdown-item>Item 1.2</ix-dropdown-item>\n        <ix-dropdown-item>Item 1.3</ix-dropdown-item>\n      </ix-dropdown>\n    `);\n  });\n\n  test('close child on parent dismiss', async ({ page }) => {\n    const triggerDropdown1 = page.locator('#trigger-dropdown-1');\n    const triggerDropdown2 = page.locator('#trigger-dropdown-2');\n\n    const dropdown1 = page.locator('#dropdown-1');\n    const dropdown2 = page.locator('#dropdown-2');\n\n    await triggerDropdown1.click();\n    await triggerDropdown2.click();\n    await triggerDropdown1.click();\n\n    await expect(dropdown1).not.toBeVisible();\n    await expect(dropdown2).not.toBeVisible();\n  });\n});\n\ntest('Nested dropdowns within application-header', async ({ mount, page }) => {\n  await mount(html`\n    <ix-application-header>\n      <ix-dropdown-button label=\"Trigger\">\n        <ix-dropdown-item label=\"MainItem 1\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"MainItem 2\"></ix-dropdown-item>\n        <ix-dropdown-item label=\"MainItem 3\" id=\"submenu-01\"></ix-dropdown-item>\n      </ix-dropdown-button>\n    </ix-application-header>\n    <ix-dropdown id=\"submenu\" trigger=\"submenu-01\">\n      <ix-dropdown-item>SubMenuItem 1</ix-dropdown-item>\n      <ix-dropdown-item>SubMenuItem 2</ix-dropdown-item>\n      <ix-dropdown-item>SubMenuItem 3</ix-dropdown-item>\n      <ix-dropdown-item>SubMenuItem 4</ix-dropdown-item>\n    </ix-dropdown>\n  `);\n  await page.setViewportSize(viewPorts.sm);\n  await page.waitForTimeout(500);\n\n  const header = page.locator('ix-application-header');\n  await expect(header).toBeVisible();\n\n  const overflowTrigger = header.getByRole('button', { name: 'More Menu' });\n  await overflowTrigger.click();\n\n  const dropdownButton = header.locator('ix-dropdown-button');\n  await dropdownButton.locator('ix-button').click();\n\n  const dropdownOfDropdownButton = dropdownButton.locator('ix-dropdown');\n  await expect(dropdownOfDropdownButton).toBeVisible();\n\n  const submenuTrigger = page\n    .locator('ix-dropdown-item')\n    .getByText('MainItem 3');\n  await expect(submenuTrigger).toBeVisible();\n  await submenuTrigger.click();\n\n  const submenuDropdown = page.locator('#submenu');\n\n  await expect(submenuDropdown).toBeVisible();\n\n  const subMenuItem = submenuDropdown\n    .locator('ix-dropdown-item')\n    .getByText('SubMenuItem 3');\n\n  await subMenuItem.click();\n\n  await expect(submenuDropdown).not.toBeVisible();\n  await expect(dropdownOfDropdownButton).not.toBeVisible();\n});\n\ntest.describe('resolve during element connect', () => {\n  test.beforeEach(async ({ mount }) => {\n    await mount(`\n    <ix-button id=\"trigger\">Open</ix-button>\n    <ix-dropdown trigger=\"trigger\">\n      <ix-dropdown-item label=\"Item 1\" icon=\"print\"></ix-dropdown-item>\n      <ix-dropdown-item label=\"Item 2\"></ix-dropdown-item>\n      <ix-dropdown-item>Custom</ix-dropdown-item>\n    </ix-dropdown>\n    `);\n  });\n\n  test('attach and detach from dom', async ({ page }) => {\n    await page.evaluate(() => {\n      const dropdown = document.querySelector('ix-dropdown');\n      const mount = document.querySelector('#mount');\n      mount.removeChild(dropdown);\n      mount.append(dropdown);\n    });\n\n    const dropdown = page.locator('ix-dropdown');\n    await page.locator('ix-button').first().click();\n\n    await expect(dropdown).toBeVisible();\n  });\n\n  test('add element within runtime', async ({ page }) => {\n    await page.evaluate(async () => {\n      const divElement = document.createElement('div');\n      const mount = document.querySelector('#mount');\n      mount.appendChild(divElement);\n    });\n\n    const dropdown = page.locator('ix-dropdown');\n    await page.locator('ix-button').first().click();\n\n    await expect(dropdown).toBeVisible();\n  });\n});\n"]}