@ukic/web-components 3.0.0-alpha.11 → 3.0.0-alpha.13

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

@@ -1,321 +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 test dark theme", async () => {
-        const page = await newSpecPage({
-            components: [Tooltip],
-            html: `<ic-tooltip theme="dark" label="tooltip"</ic-tooltip>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should test light theme", async () => {
-        const page = await newSpecPage({
-            components: [Typography],
-            html: `<ic-tooltip theme="light" label="tooltip"</ic-tooltip>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-tooltip.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-tooltip/test/basic/ic-tooltip.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { waitForTimeout } from \"../../../../testspec.setup\";\nimport { Tooltip } from \"../../ic-tooltip\";\nimport { Typography } from \"../../../ic-typography/ic-typography\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-tooltip component\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip label=\"tooltip\"></ic-tooltip>`,\n    });\n\n    expect(page.root).toMatchSnapshot(`ic-tooltip-render`);\n  });\n\n  it(\"should test dark theme\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip theme=\"dark\" label=\"tooltip\"</ic-tooltip>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test light theme\", async () => {\n    const page = await newSpecPage({\n      components: [Typography],\n      html: `<ic-tooltip theme=\"light\" label=\"tooltip\"</ic-tooltip>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should appear when triggered\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip target=\"test-button\" label=\"tooltip\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n    });\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n\n    await page.rootInstance.show(page.rootInstance.popperInstance);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBe(\"\");\n  });\n\n  it(\"should appear when triggered by click\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" disable-hover=true><button id=\"test-button\">Click</button></ic-tooltip>`,\n    });\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n\n    await page.rootInstance.show(page.rootInstance.popperInstance);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBe(\"\");\n  });\n\n  it(\"should disappear when triggered\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip target=\"test-button\" label=\"tooltip\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n    });\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n\n    await page.rootInstance.show(page.rootInstance.popperInstance);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBe(\"\");\n\n    await page.rootInstance.hide(page.rootInstance.popperInstance);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n  });\n\n  it(\"should disappear on mouseleave\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip target=\"test-button\" label=\"tooltip\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n    });\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n\n    await page.rootInstance.show(page.rootInstance.popperInstance);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBe(\"\");\n\n    await page.rootInstance.mouseLeaveTooltip(page.rootInstance.popperInstance);\n\n    await waitForTimeout(200);\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n  });\n\n  it(\"should remain when mouse remains on tooltip\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip target=\"test-button\" label=\"tooltip\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n    });\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n\n    await page.rootInstance.show(page.rootInstance.popperInstance);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBe(\"\");\n\n    await page.rootInstance.mouseEnterTooltip();\n    await page.waitForChanges();\n\n    await page.rootInstance.checkCloseTooltip(page.rootInstance.popperInstance);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBe(\"\");\n  });\n\n  it(\"should close the tooltip on Escape keydown\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip target=\"test-button\" label=\"tooltip\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n    });\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n\n    await page.rootInstance.show(page.rootInstance.popperInstance);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBe(\"\");\n\n    const body = window.document.body;\n\n    body.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"Escape\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n  });\n\n  it(\"should log warning to console and not render if label hasn't been set\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip target=\"test-button\"><button id=\"test-button\"></button></ic-tooltip>`,\n    });\n    jest.spyOn(console, \"warn\").mockImplementation();\n\n    await page.rootInstance.displayTooltip(true, true);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n    expect(console.warn).toBeCalledWith(\n      \"Tooltip can't display without prop 'label' set\"\n    );\n  });\n\n  it(\"should watch for label updates\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip target=\"test-button\" label=\"tooltip\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n    });\n\n    expect(page.rootInstance.label).toBe(\"tooltip\");\n\n    page.root.label = \"new tooltip\";\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.label).toBe(\"new tooltip\");\n\n    page.rootInstance.disconnectedCallback();\n  });\n\n  it(\"should open the tooltip using the displayTooltip method and should persist when persistTooltip is true\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip],\n      html: `<ic-tooltip target=\"test-button\" label=\"tooltip\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n    });\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n\n    await page.rootInstance.displayTooltip(true, true);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).not.toBeNull;\n\n    window.document.body.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"Escape\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).not.toBeNull;\n\n    await page.rootInstance.displayTooltip(false, false);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.toolTip.getAttribute(\"data-show\")).toBeNull;\n  });\n\n  describe(\"getTooltipTranslate\", () => {\n    it(\"should update for bottom\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    it(\"should update for bottom-start\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" placement=\"bottom-start\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    it(\"should update for bottom-end\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" placement=\"bottom-end\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    it(\"should update for top\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" placement=\"top\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    it(\"should update for top-start\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" placement=\"top-start\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    it(\"should update for top-end\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" placement=\"top-end\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    it(\"should update for left\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" placement=\"left\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    it(\"should update for left-end\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" placement=\"left-end\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    it(\"should update for right\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" placement=\"right\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    it(\"should update for right-end\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" placement=\"right-end\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n    });\n\n    it(\"should update when tooltip is outside of dialog\", async () => {\n      const page = await newSpecPage({\n        components: [Tooltip],\n        html: `<ic-tooltip target=\"test-button\" label=\"tooltip\" placement=\"left\"><button id=\"test-button\">Click</button></ic-tooltip>`,\n      });\n\n      page.rootInstance.dialogOverflow = true;\n      await page.waitForChanges();\n\n      await page.rootInstance.getTooltipTranslate({\n        left: 0,\n        right: 40,\n        top: 100,\n        bottom: 132,\n      });\n      await page.waitForChanges();\n\n      expect(page.root).toMatchSnapshot();\n      expect(page.root.placement).toBe(\"right\");\n    });\n  });\n\n  it(\"should truncate text and pass the maxLines value to ic-typography if maxLines prop has been set\", async () => {\n    const page = await newSpecPage({\n      components: [Tooltip, Typography],\n      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>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    const typographyEl = page.root.shadowRoot.querySelector(\n      \"div > ic-typography\"\n    ) as HTMLIcTypographyElement;\n    expect(typographyEl.maxLines).toEqual(2);\n  });\n});\n"]}