@ukic/web-components 2.1.0-beta.9 → 2.3.0

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

@@ -0,0 +1,287 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { waitForTimeout } from "../../../../testspec.setup";
+import { Tooltip } from "../../ic-tooltip";
+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 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";
+    page.rootInstance.updateLabel();
+    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");
+    });
+  });
+});
+//# sourceMappingURL=ic-tooltip.spec.js.map

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

@@ -0,0 +1 @@
+{"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\";\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 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 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    page.rootInstance.updateLabel();\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"]}

package/dist/collection/components/ic-top-navigation/ic-top-navigation.css

@@ -463,7 +463,6 @@ video {
   align-items: center;
   text-decoration: none;
   padding: var(--ic-space-xxs);
-  margin-left: calc(-1 * var(--ic-space-xxs));
   transition: var(--ic-easing-transition-fast);
 }
 
@@ -520,7 +519,7 @@ video {
 }
 
 .navigation-tabs {
-  margin-top: -0.063rem;
+  margin-top: calc(-1 * var(--ic-space-1px));
 }
 
 .app-details-container {
@@ -554,11 +553,14 @@ video {
 }
 
 :host .app-status {
-  border-radius: 5rem;
+  border-radius: var(--ic-space-md);
   background-color: var(--ic-architectural-white);
   color: var(--ic-color-primary-text);
   padding: var(--ic-space-xxs) var(--ic-space-lg);
   margin-left: var(--ic-space-md);
+  flex: 1 1 0;
+  max-width: -moz-fit-content;
+  max-width: fit-content;
 }
 
 :host(.dark) .app-status {
@@ -567,18 +569,13 @@ video {
 }
 
 :host .app-version {
-  border-radius: 1rem;
+  border-radius: var(--ic-space-md);
   background-color: var(--ic-theme-active);
   padding: var(--ic-space-xxs) var(--ic-space-sm);
   margin-left: var(--ic-space-xs);
-}
-
-.app-status-text,
-.app-version-text {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 6rem;
+  flex: 1 1 0;
+  max-width: -moz-fit-content;
+  max-width: fit-content;
 }
 
 slot[name="app-icon"]::slotted(svg) {
@@ -601,6 +598,15 @@ slot[name="toggle-icon"] svg {
   margin-left: var(--ic-space-md);
 }
 
+.menu-button-container .navigation-landmark-button-text {
+  position: absolute;
+  left: -10000px;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+
 .search-actions-container {
   display: flex;
 }
@@ -612,10 +618,10 @@ slot[name="toggle-icon"] svg {
 
 .navigation-landmark-text {
   position: absolute;
-  width: 0.063rem;
-  height: 0.063rem;
+  width: var(--ic-space-1px);
+  height: var(--ic-space-1px);
   padding: 0;
-  margin: -0.063rem;
+  margin: calc(-1 * var(--ic-space-1px));
   overflow: hidden;
 }