@ukic/web-components 3.0.0 → 3.1.0

package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js

@@ -1,150 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ToggleButtonGroup } from "../ic-toggle-button-group";
-import { ToggleButton } from "../../ic-toggle-button/ic-toggle-button";
-import { Button } from "../../ic-button/ic-button";
-const keyboard = (key) => {
-    return new KeyboardEvent("keydown", { key: key });
-};
-describe("ic-toggle-button-group component unit tests", () => {
-    it("should getAllToggleButtons and return an array of slotted ic-toggle-buttons", async () => {
-        const page = await newSpecPage({
-            components: [ToggleButtonGroup, ToggleButton, Button],
-            html: `<ic-toggle-button-group select-type="single" size="small">
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-            </ic-toggle-button-group>`,
-        });
-        const toggleButtonArray = page.rootInstance.getAllToggleButtons();
-        await page.waitForChanges();
-        expect(toggleButtonArray.length).toBe(3);
-    });
-    it("should test when the toggle button group receives focus, it should cause the first toggle button inside the group to get focused (when select method is 'single' and no item is already selected)", async () => {
-        const page = await newSpecPage({
-            components: [ToggleButtonGroup, ToggleButton, Button],
-            html: `<ic-toggle-button-group select-type="single">
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-            </ic-toggle-button-group>`,
-        });
-        const toggleGroup = (await document.querySelector("ic-toggle-button-group"));
-        const buttons = await Array.from(toggleGroup.querySelectorAll("ic-toggle-button"));
-        await page.waitForChanges();
-        toggleGroup.focus();
-        await page.waitForChanges();
-        expect(buttons[0].checked).toBeFalsy();
-    });
-    it("should test that focusing group when an ic-toggle-button selected should not select first option", async () => {
-        const page = await newSpecPage({
-            components: [ToggleButtonGroup, ToggleButton, Button],
-            html: `<ic-toggle-button-group select-type="single">
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-            </ic-toggle-button-group>`,
-        });
-        const toggleGroup = (await document.querySelector("ic-toggle-button-group"));
-        const buttons = await Array.from(toggleGroup.querySelectorAll("ic-toggle-button"));
-        await page.waitForChanges();
-        buttons[1].checked = true;
-        toggleGroup.focus();
-        await page.waitForChanges();
-        expect(buttons[0].checked).toBeFalsy();
-        expect(buttons[1].checked).toBeTruthy();
-    });
-    it("should test that focusing the toggle-button-group focuses, but does not not select, the first ic-toggle-button when select method is 'multi'", async () => {
-        const page = await newSpecPage({
-            components: [ToggleButtonGroup, ToggleButton, Button],
-            html: `<ic-toggle-button-group select-type="multi">
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-            </ic-toggle-button-group>`,
-        });
-        const toggleGroup = (await document.querySelector("ic-toggle-button-group"));
-        const buttons = await Array.from(toggleGroup.querySelectorAll("ic-toggle-button"));
-        await page.waitForChanges();
-        toggleGroup.focus();
-        await page.waitForChanges();
-        expect(buttons[0].checked).toBeFalsy();
-    });
-    it("should test that focusing the toggle-button-group focuses, but does not not select, the first ic-toggle-button when select method is 'multi'", async () => {
-        const page = await newSpecPage({
-            components: [ToggleButtonGroup, ToggleButton, Button],
-            html: `<ic-toggle-button-group select-type="multi">
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-            </ic-toggle-button-group>`,
-        });
-        const eventSpy = jest.fn();
-        page.win.addEventListener("icChange", eventSpy);
-        const toggleGroup = (await document.querySelector("ic-toggle-button-group"));
-        const buttons = await Array.from(toggleGroup.querySelectorAll("ic-toggle-button"));
-        await page.waitForChanges();
-        buttons[0].checked = true;
-        buttons[1].checked = true;
-        const customEv = new CustomEvent("icToggleChecked", {});
-        page.rootInstance.selectHandler(customEv);
-        await page.waitForChanges();
-        expect(eventSpy).toHaveBeenCalled();
-    });
-    it("should test handleKeyDown function", async () => {
-        const page = await newSpecPage({
-            components: [ToggleButtonGroup, ToggleButton, Button],
-            html: `<ic-toggle-button-group select-method="auto">
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-            </ic-toggle-button-group>`,
-        });
-        const firstButton = (await document.querySelector("#0"));
-        const secondButton = (await document.querySelector("#1"));
-        const thirdButton = (await document.querySelector("#2"));
-        expect(firstButton.checked).toBeFalsy();
-        await firstButton.click();
-        expect(firstButton.checked).toBeTruthy();
-        await page.waitForChanges();
-        page.rootInstance.handleKeyDown(keyboard("ArrowLeft"));
-        expect(thirdButton.checked).toBeTruthy();
-        expect(firstButton.checked).toBeFalsy();
-        await page.waitForChanges();
-        await firstButton.click();
-        page.rootInstance.handleKeyDown(keyboard("ArrowUp"));
-        expect(thirdButton.checked).toBeTruthy();
-        expect(firstButton.checked).toBeFalsy();
-        await page.waitForChanges();
-        await firstButton.click();
-        page.rootInstance.handleKeyDown(keyboard("ArrowDown"));
-        expect(secondButton.checked).toBeTruthy();
-        expect(firstButton.checked).toBeFalsy();
-        await page.waitForChanges();
-        await firstButton.click();
-        page.rootInstance.handleKeyDown(keyboard("ArrowLeft"));
-        expect(thirdButton.checked).toBeTruthy();
-        expect(firstButton.checked).toBeFalsy();
-        secondButton.disabled = true;
-        await page.waitForChanges();
-        await firstButton.click();
-        page.rootInstance.handleKeyDown(keyboard("ArrowRight"));
-        expect(thirdButton.checked).toBeTruthy();
-        expect(firstButton.checked).toBeFalsy();
-        // for coverage
-        page.rootInstance.handleKeyDown(keyboard("Tab"));
-        document.dispatchEvent(keyboard("Tab"));
-    });
-    it("should test handleKeyDown on disabled toggle-button-group", async () => {
-        const page = await newSpecPage({
-            components: [ToggleButtonGroup, ToggleButton, Button],
-            html: `<ic-toggle-button-group disabled>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-              <ic-toggle-button label="Toggle"></ic-toggle-button>
-            </ic-toggle-button-group>`,
-        });
-        const mockEvent = new FocusEvent("focus");
-        expect(page.rootInstance.handleHostFocus(mockEvent)).toBeNull();
-    });
-});
-//# sourceMappingURL=ic-toggle-button-group.spec.js.map

package/dist/collection/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-toggle-button-group.spec.js","sourceRoot":"","sources":["../../../../src/components/ic-toggle-button-group/test/ic-toggle-button-group.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { ToggleButtonGroup } from \"../ic-toggle-button-group\";\nimport { ToggleButton } from \"../../ic-toggle-button/ic-toggle-button\";\nimport { Button } from \"../../ic-button/ic-button\";\n\nconst keyboard = (key: string): KeyboardEvent => {\n  return new KeyboardEvent(\"keydown\", { key: key });\n};\n\ndescribe(\"ic-toggle-button-group component unit tests\", () => {\n  it(\"should getAllToggleButtons and return an array of slotted ic-toggle-buttons\", async () => {\n    const page = await newSpecPage({\n      components: [ToggleButtonGroup, ToggleButton, Button],\n      html: `<ic-toggle-button-group select-type=\"single\" size=\"small\">\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n            </ic-toggle-button-group>`,\n    });\n\n    const toggleButtonArray = page.rootInstance.getAllToggleButtons();\n    await page.waitForChanges();\n    expect(toggleButtonArray.length).toBe(3);\n  });\n  it(\"should test when the toggle button group receives focus, it should cause the first toggle button inside the group to get focused (when select method is 'single' and no item is already selected)\", async () => {\n    const page = await newSpecPage({\n      components: [ToggleButtonGroup, ToggleButton, Button],\n      html: `<ic-toggle-button-group select-type=\"single\">\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n            </ic-toggle-button-group>`,\n    });\n    const toggleGroup = (await document.querySelector(\n      \"ic-toggle-button-group\"\n    )) as HTMLIcToggleButtonGroupElement;\n    const buttons = await Array.from(\n      toggleGroup.querySelectorAll(\"ic-toggle-button\")\n    );\n    await page.waitForChanges();\n    toggleGroup.focus();\n\n    await page.waitForChanges();\n\n    expect(buttons[0].checked).toBeFalsy();\n  });\n  it(\"should test that focusing group when an ic-toggle-button selected should not select first option\", async () => {\n    const page = await newSpecPage({\n      components: [ToggleButtonGroup, ToggleButton, Button],\n      html: `<ic-toggle-button-group select-type=\"single\">\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n            </ic-toggle-button-group>`,\n    });\n    const toggleGroup = (await document.querySelector(\n      \"ic-toggle-button-group\"\n    )) as HTMLIcToggleButtonGroupElement;\n    const buttons = await Array.from(\n      toggleGroup.querySelectorAll(\"ic-toggle-button\")\n    );\n    await page.waitForChanges();\n\n    buttons[1].checked = true;\n\n    toggleGroup.focus();\n\n    await page.waitForChanges();\n\n    expect(buttons[0].checked).toBeFalsy();\n    expect(buttons[1].checked).toBeTruthy();\n  });\n  it(\"should test that focusing the toggle-button-group focuses, but does not not select, the first ic-toggle-button when select method is 'multi'\", async () => {\n    const page = await newSpecPage({\n      components: [ToggleButtonGroup, ToggleButton, Button],\n      html: `<ic-toggle-button-group select-type=\"multi\">\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n            </ic-toggle-button-group>`,\n    });\n\n    const toggleGroup = (await document.querySelector(\n      \"ic-toggle-button-group\"\n    )) as HTMLIcToggleButtonGroupElement;\n    const buttons = await Array.from(\n      toggleGroup.querySelectorAll(\"ic-toggle-button\")\n    );\n    await page.waitForChanges();\n\n    toggleGroup.focus();\n\n    await page.waitForChanges();\n\n    expect(buttons[0].checked).toBeFalsy();\n  });\n  it(\"should test that focusing the toggle-button-group focuses, but does not not select, the first ic-toggle-button when select method is 'multi'\", async () => {\n    const page = await newSpecPage({\n      components: [ToggleButtonGroup, ToggleButton, Button],\n      html: `<ic-toggle-button-group select-type=\"multi\">\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n            </ic-toggle-button-group>`,\n    });\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icChange\", eventSpy);\n\n    const toggleGroup = (await document.querySelector(\n      \"ic-toggle-button-group\"\n    )) as HTMLIcToggleButtonGroupElement;\n    const buttons = await Array.from(\n      toggleGroup.querySelectorAll(\"ic-toggle-button\")\n    );\n    await page.waitForChanges();\n    buttons[0].checked = true;\n    buttons[1].checked = true;\n\n    const customEv = new CustomEvent(\"icToggleChecked\", {});\n\n    page.rootInstance.selectHandler(customEv);\n\n    await page.waitForChanges();\n\n    expect(eventSpy).toHaveBeenCalled();\n  });\n  it(\"should test handleKeyDown function\", async () => {\n    const page = await newSpecPage({\n      components: [ToggleButtonGroup, ToggleButton, Button],\n      html: `<ic-toggle-button-group select-method=\"auto\">\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n            </ic-toggle-button-group>`,\n    });\n\n    const firstButton = (await document.querySelector(\n      \"#0\"\n    )) as HTMLIcToggleButtonElement;\n    const secondButton = (await document.querySelector(\n      \"#1\"\n    )) as HTMLIcToggleButtonElement;\n    const thirdButton = (await document.querySelector(\n      \"#2\"\n    )) as HTMLIcToggleButtonElement;\n\n    expect(firstButton.checked).toBeFalsy();\n    await firstButton.click();\n    expect(firstButton.checked).toBeTruthy();\n\n    await page.waitForChanges();\n    page.rootInstance.handleKeyDown(keyboard(\"ArrowLeft\"));\n    expect(thirdButton.checked).toBeTruthy();\n    expect(firstButton.checked).toBeFalsy();\n\n    await page.waitForChanges();\n    await firstButton.click();\n    page.rootInstance.handleKeyDown(keyboard(\"ArrowUp\"));\n    expect(thirdButton.checked).toBeTruthy();\n    expect(firstButton.checked).toBeFalsy();\n\n    await page.waitForChanges();\n    await firstButton.click();\n    page.rootInstance.handleKeyDown(keyboard(\"ArrowDown\"));\n    expect(secondButton.checked).toBeTruthy();\n    expect(firstButton.checked).toBeFalsy();\n\n    await page.waitForChanges();\n    await firstButton.click();\n    page.rootInstance.handleKeyDown(keyboard(\"ArrowLeft\"));\n    expect(thirdButton.checked).toBeTruthy();\n    expect(firstButton.checked).toBeFalsy();\n\n    secondButton.disabled = true;\n\n    await page.waitForChanges();\n    await firstButton.click();\n    page.rootInstance.handleKeyDown(keyboard(\"ArrowRight\"));\n    expect(thirdButton.checked).toBeTruthy();\n    expect(firstButton.checked).toBeFalsy();\n\n    // for coverage\n    page.rootInstance.handleKeyDown(keyboard(\"Tab\"));\n    document.dispatchEvent(keyboard(\"Tab\"));\n  });\n  it(\"should test handleKeyDown on disabled toggle-button-group\", async () => {\n    const page = await newSpecPage({\n      components: [ToggleButtonGroup, ToggleButton, Button],\n      html: `<ic-toggle-button-group disabled>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n              <ic-toggle-button label=\"Toggle\"></ic-toggle-button>\n            </ic-toggle-button-group>`,\n    });\n\n    const mockEvent = new FocusEvent(\"focus\");\n\n    expect(page.rootInstance.handleHostFocus(mockEvent)).toBeNull();\n  });\n});\n"]}

package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js

@@ -1,109 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("ic-tooltip component", () => {
-    it("should apply the correct label", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-tooltip target="test-id" label="test-label" placement="right-end"><button>IC Tooltip Test</button></ic-tooltip>`);
-        await page.waitForChanges();
-        const tooltip = await page.find(".ic-tooltip >>> ic-typography");
-        const text = await tooltip.innerText;
-        expect(text).toBe("test-label");
-    });
-    it("should apply the correct placement", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-tooltip target="test-id" label="test-label" placement="right-end"><button>IC Tooltip Test</button></ic-tooltip>`);
-        await page.waitForChanges();
-        const tooltip = await page.find(".ic-tooltip >>> .ic-tooltip-container");
-        const button = await page.find("button");
-        await button.hover();
-        expect(await tooltip.getAttribute("data-popper-placement")).toBe("right-end");
-    });
-    it("should show on focus", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-tooltip target="test-id" label="test-label"><button>IC Tooltip Test</button></ic-tooltip>`);
-        await page.waitForChanges();
-        const tooltip = await page.find(".ic-tooltip >>> .ic-tooltip-container");
-        const button = await page.find("button");
-        await button.focus();
-        expect(await tooltip.isVisible()).toBe(true);
-    });
-    it("should show on hover", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-tooltip target="test-id" label="test-label"><button>IC Tooltip Test</button></ic-tooltip>`);
-        await page.waitForChanges();
-        const tooltip = await page.find(".ic-tooltip >>> .ic-tooltip-container");
-        const button = await page.find("button");
-        await button.hover();
-        expect(await tooltip.isVisible()).toBe(true);
-    });
-    it("should still show when cursor moves to tooltip", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-tooltip target="test-id" label="test-label"><button>IC Tooltip Test</button></ic-tooltip>`);
-        await page.waitForChanges();
-        const tooltip = await page.find(".ic-tooltip >>> .ic-tooltip-container");
-        const button = await page.find("button");
-        await button.hover();
-        await tooltip.hover();
-        expect(await tooltip.isVisible()).toBe(true);
-    });
-    it("should close when cursor moves away", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-tooltip target="test-id" label="test-label"><button id="button-1">Button 1</button></ic-tooltip><button id="button-2">Button 2</button>`);
-        await page.waitForChanges();
-        const tooltip = await page.find(".ic-tooltip >>> .ic-tooltip-container");
-        const button1 = await page.find("#button-1");
-        const button2 = await page.find("#button-2");
-        await button1.hover();
-        await button2.hover();
-        await page.waitForTimeout(200);
-        expect(await tooltip.isVisible()).toBe(false);
-    });
-    it("should close when focus moves away", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-tooltip target="test-id" label="test-label"><button id="button-1">Button 1</button></ic-tooltip><button id="button-2">Button 2</button>`);
-        await page.waitForChanges();
-        const tooltip = await page.find(".ic-tooltip >>> .ic-tooltip-container");
-        const button1 = await page.find("#button-1");
-        const button2 = await page.find("#button-2");
-        await button1.focus();
-        await button2.focus();
-        await page.waitForTimeout(200);
-        expect(await tooltip.isVisible()).toBe(false);
-    });
-    it("should close when escape key pressed", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-tooltip target="test-id" label="test-label"><button>IC Tooltip Test</button></ic-tooltip>`);
-        await page.waitForChanges();
-        const tooltip = await page.find(".ic-tooltip >>> .ic-tooltip-container");
-        const button = await page.find("button");
-        await button.focus();
-        await page.keyboard.press("Escape");
-        expect(await tooltip.isVisible()).toBe(false);
-    });
-    it("should display the tooltip when the displayTooltip method is called", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-tooltip target="test-id" label="test-label"><button>IC Tooltip Test</button></ic-tooltip>`);
-        await page.waitForChanges();
-        const tooltip = await page.find("ic-tooltip");
-        const tooltipContainer = await page.find(".ic-tooltip >>> .ic-tooltip-container");
-        expect(await tooltipContainer.isVisible()).toBe(false);
-        await tooltip.callMethod("displayTooltip", true, true);
-        expect(await tooltipContainer.isVisible()).toBe(true);
-        await page.keyboard.press("Escape");
-        expect(await tooltipContainer.isVisible()).toBe(true);
-        await tooltip.callMethod("displayTooltip", false);
-        expect(await tooltipContainer.isVisible()).toBe(false);
-    });
-    it("should still dismiss the tooltip using the keyboard if persistTooltip is false", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-tooltip target="test-id" label="test-label"><button>IC Tooltip Test</button></ic-tooltip>`);
-        await page.waitForChanges();
-        const tooltip = await page.find("ic-tooltip");
-        const tooltipContainer = await page.find(".ic-tooltip >>> .ic-tooltip-container");
-        expect(await tooltipContainer.isVisible()).toBe(false);
-        await tooltip.callMethod("displayTooltip", true, false);
-        expect(await tooltipContainer.isVisible()).toBe(true);
-        await page.keyboard.press("Escape");
-        expect(await tooltipContainer.isVisible()).toBe(false);
-    });
-});
-//# sourceMappingURL=ic-tooltip.e2e.js.map

package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-tooltip.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-tooltip/test/basic/ic-tooltip.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-tooltip component\", () => {\n  it(\"should apply the correct label\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tooltip target=\"test-id\" label=\"test-label\" placement=\"right-end\"><button>IC Tooltip Test</button></ic-tooltip>`\n    );\n    await page.waitForChanges();\n\n    const tooltip = await page.find(\".ic-tooltip >>> ic-typography\");\n    const text = await tooltip.innerText;\n\n    expect(text).toBe(\"test-label\");\n  });\n\n  it(\"should apply the correct placement\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tooltip target=\"test-id\" label=\"test-label\" placement=\"right-end\"><button>IC Tooltip Test</button></ic-tooltip>`\n    );\n    await page.waitForChanges();\n\n    const tooltip = await page.find(\".ic-tooltip >>> .ic-tooltip-container\");\n    const button = await page.find(\"button\");\n\n    await button.hover();\n\n    expect(await tooltip.getAttribute(\"data-popper-placement\")).toBe(\n      \"right-end\"\n    );\n  });\n\n  it(\"should show on focus\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tooltip target=\"test-id\" label=\"test-label\"><button>IC Tooltip Test</button></ic-tooltip>`\n    );\n    await page.waitForChanges();\n\n    const tooltip = await page.find(\".ic-tooltip >>> .ic-tooltip-container\");\n    const button = await page.find(\"button\");\n\n    await button.focus();\n\n    expect(await tooltip.isVisible()).toBe(true);\n  });\n\n  it(\"should show on hover\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tooltip target=\"test-id\" label=\"test-label\"><button>IC Tooltip Test</button></ic-tooltip>`\n    );\n    await page.waitForChanges();\n\n    const tooltip = await page.find(\".ic-tooltip >>> .ic-tooltip-container\");\n    const button = await page.find(\"button\");\n\n    await button.hover();\n\n    expect(await tooltip.isVisible()).toBe(true);\n  });\n\n  it(\"should still show when cursor moves to tooltip\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tooltip target=\"test-id\" label=\"test-label\"><button>IC Tooltip Test</button></ic-tooltip>`\n    );\n    await page.waitForChanges();\n\n    const tooltip = await page.find(\".ic-tooltip >>> .ic-tooltip-container\");\n    const button = await page.find(\"button\");\n\n    await button.hover();\n    await tooltip.hover();\n\n    expect(await tooltip.isVisible()).toBe(true);\n  });\n\n  it(\"should close when cursor moves away\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tooltip target=\"test-id\" label=\"test-label\"><button id=\"button-1\">Button 1</button></ic-tooltip><button id=\"button-2\">Button 2</button>`\n    );\n    await page.waitForChanges();\n\n    const tooltip = await page.find(\".ic-tooltip >>> .ic-tooltip-container\");\n    const button1 = await page.find(\"#button-1\");\n    const button2 = await page.find(\"#button-2\");\n\n    await button1.hover();\n    await button2.hover();\n    await page.waitForTimeout(200);\n\n    expect(await tooltip.isVisible()).toBe(false);\n  });\n\n  it(\"should close when focus moves away\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tooltip target=\"test-id\" label=\"test-label\"><button id=\"button-1\">Button 1</button></ic-tooltip><button id=\"button-2\">Button 2</button>`\n    );\n    await page.waitForChanges();\n\n    const tooltip = await page.find(\".ic-tooltip >>> .ic-tooltip-container\");\n    const button1 = await page.find(\"#button-1\");\n    const button2 = await page.find(\"#button-2\");\n\n    await button1.focus();\n    await button2.focus();\n    await page.waitForTimeout(200);\n\n    expect(await tooltip.isVisible()).toBe(false);\n  });\n\n  it(\"should close when escape key pressed\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tooltip target=\"test-id\" label=\"test-label\"><button>IC Tooltip Test</button></ic-tooltip>`\n    );\n    await page.waitForChanges();\n\n    const tooltip = await page.find(\".ic-tooltip >>> .ic-tooltip-container\");\n    const button = await page.find(\"button\");\n\n    await button.focus();\n    await page.keyboard.press(\"Escape\");\n\n    expect(await tooltip.isVisible()).toBe(false);\n  });\n\n  it(\"should display the tooltip when the displayTooltip method is called\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tooltip target=\"test-id\" label=\"test-label\"><button>IC Tooltip Test</button></ic-tooltip>`\n    );\n    await page.waitForChanges();\n\n    const tooltip = await page.find(\"ic-tooltip\");\n    const tooltipContainer = await page.find(\n      \".ic-tooltip >>> .ic-tooltip-container\"\n    );\n    expect(await tooltipContainer.isVisible()).toBe(false);\n\n    await tooltip.callMethod(\"displayTooltip\", true, true);\n    expect(await tooltipContainer.isVisible()).toBe(true);\n\n    await page.keyboard.press(\"Escape\");\n    expect(await tooltipContainer.isVisible()).toBe(true);\n\n    await tooltip.callMethod(\"displayTooltip\", false);\n    expect(await tooltipContainer.isVisible()).toBe(false);\n  });\n\n  it(\"should still dismiss the tooltip using the keyboard if persistTooltip is false\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-tooltip target=\"test-id\" label=\"test-label\"><button>IC Tooltip Test</button></ic-tooltip>`\n    );\n    await page.waitForChanges();\n\n    const tooltip = await page.find(\"ic-tooltip\");\n    const tooltipContainer = await page.find(\n      \".ic-tooltip >>> .ic-tooltip-container\"\n    );\n    expect(await tooltipContainer.isVisible()).toBe(false);\n\n    await tooltip.callMethod(\"displayTooltip\", true, false);\n    expect(await tooltipContainer.isVisible()).toBe(true);\n\n    await page.keyboard.press(\"Escape\");\n    expect(await tooltipContainer.isVisible()).toBe(false);\n  });\n});\n"]}

package/dist/collection/components/ic-tooltip/test/basic/ic-tooltip.spec.js

@@ -1,307 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { waitForTimeout } from "../../../../testspec.setup";
-import { Tooltip } from "../../ic-tooltip";
-import { Typography } from "../../../ic-typography/ic-typography";
-beforeAll(() => {
-    jest.spyOn(console, "error").mockImplementation(jest.fn());
-});
-describe("ic-tooltip component", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip label="tooltip"></ic-tooltip>`,
-        });
-        expect(page.root).toMatchSnapshot(`ic-tooltip-render`);
-    });
-    it("should appear when triggered", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip target="test-button" label="tooltip"><button id="test-button">Click</button></ic-tooltip>`,
-        });
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-        await page.rootInstance.show(page.rootInstance.popperInstance);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBe("");
-    });
-    it("should appear when triggered by click", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip target="test-button" label="tooltip" disable-hover=true><button id="test-button">Click</button></ic-tooltip>`,
-        });
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-        await page.rootInstance.show(page.rootInstance.popperInstance);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBe("");
-    });
-    it("should disappear when triggered", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip target="test-button" label="tooltip"><button id="test-button">Click</button></ic-tooltip>`,
-        });
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-        await page.rootInstance.show(page.rootInstance.popperInstance);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBe("");
-        await page.rootInstance.hide(page.rootInstance.popperInstance);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-    });
-    it("should disappear on mouseleave", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip target="test-button" label="tooltip"><button id="test-button">Click</button></ic-tooltip>`,
-        });
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-        await page.rootInstance.show(page.rootInstance.popperInstance);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBe("");
-        await page.rootInstance.mouseLeaveTooltip(page.rootInstance.popperInstance);
-        await waitForTimeout(200);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-    });
-    it("should remain when mouse remains on tooltip", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip target="test-button" label="tooltip"><button id="test-button">Click</button></ic-tooltip>`,
-        });
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-        await page.rootInstance.show(page.rootInstance.popperInstance);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBe("");
-        await page.rootInstance.mouseEnterTooltip();
-        await page.waitForChanges();
-        await page.rootInstance.checkCloseTooltip(page.rootInstance.popperInstance);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBe("");
-    });
-    it("should close the tooltip on Escape keydown", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip target="test-button" label="tooltip"><button id="test-button">Click</button></ic-tooltip>`,
-        });
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-        await page.rootInstance.show(page.rootInstance.popperInstance);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBe("");
-        const body = window.document.body;
-        body.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "Escape",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-    });
-    it("should log warning to console and not render if label hasn't been set", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip target="test-button"><button id="test-button"></button></ic-tooltip>`,
-        });
-        jest.spyOn(console, "warn").mockImplementation();
-        await page.rootInstance.displayTooltip(true, true);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-        expect(console.warn).toBeCalledWith("Tooltip can't display without prop 'label' set");
-    });
-    it("should watch for label updates", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip target="test-button" label="tooltip"><button id="test-button">Click</button></ic-tooltip>`,
-        });
-        expect(page.rootInstance.label).toBe("tooltip");
-        page.root.label = "new tooltip";
-        await page.waitForChanges();
-        expect(page.rootInstance.label).toBe("new tooltip");
-        page.rootInstance.disconnectedCallback();
-    });
-    it("should open the tooltip using the displayTooltip method and should persist when persistTooltip is true", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip target="test-button" label="tooltip"><button id="test-button">Click</button></ic-tooltip>`,
-        });
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-        await page.rootInstance.displayTooltip(true, true);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).not.toBeNull;
-        window.document.body.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "Escape",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).not.toBeNull;
-        await page.rootInstance.displayTooltip(false, false);
-        await page.waitForChanges();
-        expect(page.rootInstance.toolTip.getAttribute("data-show")).toBeNull;
-    });
-    describe("getTooltipTranslate", () => {
-        it("should update for bottom", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it("should update for bottom-start", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip" placement="bottom-start"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it("should update for bottom-end", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip" placement="bottom-end"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it("should update for top", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip" placement="top"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it("should update for top-start", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip" placement="top-start"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it("should update for top-end", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip" placement="top-end"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it("should update for left", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip" placement="left"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it("should update for left-end", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip" placement="left-end"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it("should update for right", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip" placement="right"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it("should update for right-end", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip" placement="right-end"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-        });
-        it("should update when tooltip is outside of dialog", async () => {
-            const page = await newSpecPage({
-                components: [Tooltip],
-                html: `<ic-tooltip target="test-button" label="tooltip" placement="left"><button id="test-button">Click</button></ic-tooltip>`,
-            });
-            page.rootInstance.dialogOverflow = true;
-            await page.waitForChanges();
-            await page.rootInstance.getTooltipTranslate({
-                left: 0,
-                right: 40,
-                top: 100,
-                bottom: 132,
-            });
-            await page.waitForChanges();
-            expect(page.root).toMatchSnapshot();
-            expect(page.root.placement).toBe("right");
-        });
-    });
-    it("should truncate text and pass the maxLines value to ic-typography if maxLines prop has been set", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip, Typography],
-            html: `<ic-tooltip target="test-button" label="This is a body of text that is truncated to three lines within a tooltip. It has been truncated based on the max-lines property. The number of lines in the text is clamped to the number passed through the max-lines property." max-lines="2"><button id="test-button">Click</button></ic-tooltip>`,
-        });
-        expect(page.root).toMatchSnapshot();
-        const typographyEl = page.root.shadowRoot.querySelector("div > ic-typography");
-        expect(typographyEl.maxLines).toEqual(2);
-    });
-});
-//# sourceMappingURL=ic-tooltip.spec.js.map