@ukic/web-components 2.1.0-beta.15 → 2.1.0-beta.16

package/dist/collection/components/ic-side-navigation/ic-side-navigation.e2e.js

@@ -0,0 +1,412 @@
+import { newE2EPage } from "@stencil/core/testing";
+import { icSideNavigation, icSideNavigationExpanded, icSideNavigationGroupedNav, icSideNavigationTheme, icSideNavigationStatic, icSideNavigationSlottedExpanded, } from "./ic-side-navigation-test-examples";
+const MOBILE_VIEWPORT = {
+  width: 375,
+  height: 667,
+};
+const ANIMATION_MS_THRESHOLD = 300;
+describe("ic-side-navigation", () => {
+  describe("mobile", () => {
+    it("it renders", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
+      await page.waitForChanges();
+      const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
+      expect(mobileMenuBtn).not.toBeNull();
+    });
+    it("displays flyout menu when menu button clicked with correct aria-expanded values", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
+      await page.waitForChanges();
+      const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
+      let mobileBtnLabel = await page.evaluate(() => document
+        .querySelector("ic-side-navigation")
+        .shadowRoot.querySelector("#menu-button")
+        .textContent.trim());
+      expect(mobileBtnLabel).toContain("Menu");
+      await mobileMenuBtn.click();
+      await page.waitForChanges();
+      const flyoutMenu = await page.find("ic-side-navigation >>> .side-navigation-inner");
+      expect(flyoutMenu).not.toBeNull();
+      mobileBtnLabel = await page.evaluate(() => document
+        .querySelector("ic-side-navigation")
+        .shadowRoot.querySelector("#menu-button")
+        .textContent.trim());
+      expect(mobileBtnLabel).toContain("Close");
+    });
+    it("dyanmically updated native button aria-label and aria-expanded", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
+      await page.waitForChanges();
+      const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
+      let mobileAriaExpanded = await page.evaluate(() => document
+        .querySelector("ic-side-navigation")
+        .shadowRoot.querySelector("#menu-button")
+        .shadowRoot.querySelector("button")
+        .getAttribute("aria-expanded"));
+      let mobileAriaLabel = await page.evaluate(() => document
+        .querySelector("ic-side-navigation")
+        .shadowRoot.querySelector("#menu-button")
+        .shadowRoot.querySelector("button")
+        .getAttribute("aria-label"));
+      expect(mobileAriaExpanded).toBe("false");
+      expect(mobileAriaLabel).toBe("Open navigation menu");
+      await mobileMenuBtn.click();
+      await page.waitForChanges();
+      const flyoutMenu = await page.find("ic-side-navigation >>> .side-navigation-inner");
+      expect(flyoutMenu).not.toBeNull();
+      mobileAriaExpanded = await page.evaluate(() => document
+        .querySelector("ic-side-navigation")
+        .shadowRoot.querySelector("#menu-button")
+        .shadowRoot.querySelector("button")
+        .getAttribute("aria-expanded"));
+      mobileAriaLabel = await page.evaluate(() => document
+        .querySelector("ic-side-navigation")
+        .shadowRoot.querySelector("#menu-button")
+        .shadowRoot.querySelector("button")
+        .getAttribute("aria-label"));
+      expect(mobileAriaExpanded).toBe("true");
+      expect(mobileAriaLabel).toBe("Close navigation menu");
+    });
+    it("renders the correct number of navigation-items", async () => {
+      const labels = ["Home", "a11y"];
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
+      await page.waitForChanges();
+      const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
+      await mobileMenuBtn.click();
+      await page.waitForChanges();
+      const navigationItems = await page.evaluate(() => {
+        return Array.from(document.querySelectorAll("ic-side-navigation ic-navigation-item")).map((i) => i.shadowRoot.querySelector(".ic-tooltip").textContent.slice(2));
+      });
+      expect(navigationItems.length).toBe(2);
+      navigationItems.forEach((navItem, i) => {
+        expect(navItem).toBe(labels[i]);
+      });
+    });
+    it("renders application name", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
+      await page.waitForChanges();
+      const applicationName = await (await page.find("ic-side-navigation >>> .top-bar ic-typography")).innerText;
+      expect(applicationName).toBe("ACME");
+    });
+    it("renders app status and version", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
+      await page.waitForChanges();
+      const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
+      await mobileMenuBtn.click();
+      await page.waitForChanges();
+      const applicationStatus = await (await page.find("ic-side-navigation >>> .app-status-wrapper .app-status-text")).innerText;
+      const applicationVersion = await (await page.find("ic-side-navigation >>> .app-status-wrapper .app-version")).innerText;
+      expect(applicationStatus).toBe("BETA");
+      expect(applicationVersion).toBe("v0.0.0");
+    });
+    it("does not render menu expand button", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
+      await page.waitForChanges();
+      const mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
+      await mobileMenuBtn.click();
+      await page.waitForChanges();
+      const flyoutMenu = await page.find("ic-side-navigation >>> .side-navigation-inner");
+      expect(flyoutMenu).not.toBeNull();
+      const menuExpandBtn = await page.evaluate(() => document
+        .querySelector("ic-side-navigation")
+        .shadowRoot.querySelector(".side-navigation .menu-expand-button"));
+      expect(menuExpandBtn).toBeNull();
+    });
+    it("does not render tooltips on mobile when menu is closed", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.setViewport(Object.assign({}, MOBILE_VIEWPORT));
+      await page.waitForChanges();
+      await page.keyboard.press("Tab");
+      await page.keyboard.press("Tab");
+      await page.keyboard.press("Tab");
+      await page.waitForChanges();
+      let sideNavInnerVisibility = await page.evaluate(() => {
+        const sideNavInner = document
+          .querySelector("ic-side-navigation")
+          .shadowRoot.querySelector(".side-navigation-inner");
+        return window.getComputedStyle(sideNavInner).visibility;
+      });
+      expect(sideNavInnerVisibility).toBe("hidden");
+      const toolTipDisplay = await page.evaluate(() => {
+        const tooltip = document
+          .querySelectorAll("ic-side-navigation ic-navigation-item")[0]
+          .shadowRoot.querySelector("ic-tooltip")
+          .shadowRoot.querySelector(".ic-tooltip-container");
+        return window.getComputedStyle(tooltip).display;
+      });
+      expect(toolTipDisplay).toBe("none");
+      let mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
+      await mobileMenuBtn.click();
+      await page.waitForChanges();
+      sideNavInnerVisibility = await page.evaluate(() => {
+        const sideNavInner = document
+          .querySelector("ic-side-navigation")
+          .shadowRoot.querySelector(".side-navigation-inner");
+        return window.getComputedStyle(sideNavInner).visibility;
+      });
+      expect(sideNavInnerVisibility).toBe("visible");
+      await page.waitForChanges();
+      mobileMenuBtn = await page.find("ic-side-navigation >>> #menu-button");
+      await mobileMenuBtn.click();
+      await page.waitForTimeout(300); // Wait for flyout menu to disappear (50ms longer than animation)
+      sideNavInnerVisibility = await page.evaluate(() => {
+        const sideNavInner = document
+          .querySelector("ic-side-navigation")
+          .shadowRoot.querySelector(".side-navigation-inner");
+        return window.getComputedStyle(sideNavInner).visibility;
+      });
+      expect(sideNavInnerVisibility).toBe("hidden");
+    });
+  });
+  describe("tablet/desktop", () => {
+    it("renders correctly", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      const sideNavigation = await page.find("ic-side-navigation");
+      expect(sideNavigation).not.toBeNull();
+    });
+    it("renders collapsed side nav on initial load", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      const sideNavigationWidth = await page.evaluate(() => {
+        const sideNav = document.querySelector("ic-side-navigation");
+        return window.getComputedStyle(sideNav).width;
+      });
+      expect(parseInt(sideNavigationWidth)).toBe(56);
+    });
+    it("renders expanded side nav on initial load", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigationExpanded);
+      const sideNavigationWidth = await page.evaluate(() => {
+        const sideNav = document.querySelector("ic-side-navigation");
+        return window.getComputedStyle(sideNav).width;
+      });
+      expect(parseInt(sideNavigationWidth)).toBe(320);
+    });
+    it("renders collapsed and expanded on menu toggle", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.waitForChanges();
+      const menuExpandBtn = await page.find("ic-side-navigation >>> .side-navigation button.menu-expand-button");
+      await menuExpandBtn.click();
+      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
+      let sideNavigationWidth = await page.evaluate(() => {
+        const sideNav = document.querySelector("ic-side-navigation");
+        return window.getComputedStyle(sideNav).width;
+      });
+      expect(parseInt(sideNavigationWidth)).toBe(320);
+      await menuExpandBtn.click();
+      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
+      sideNavigationWidth = await page.evaluate(() => {
+        const sideNav = document.querySelector("ic-side-navigation");
+        return window.getComputedStyle(sideNav).width;
+      });
+      expect(parseInt(sideNavigationWidth)).toBe(56);
+    });
+    it("updates aria-label of menu expand button", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.waitForChanges();
+      const menuExpandBtn = await page.find("ic-side-navigation >>> .side-navigation button.menu-expand-button");
+      await menuExpandBtn.click();
+      await page.waitForChanges();
+      expect(menuExpandBtn.getAttribute("aria-label")).toBe("Collapse side navigation");
+      await menuExpandBtn.click();
+      expect(menuExpandBtn.getAttribute("aria-label")).toBe("Expand side navigation");
+    });
+    it("displays application name on expanded side navigation", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.waitForChanges();
+      let applicationNameOpacity = await page.evaluate(() => {
+        const applicationName = document
+          .querySelector("ic-side-navigation")
+          .shadowRoot.querySelector(".title-link ic-typography");
+        return window.getComputedStyle(applicationName).opacity;
+      });
+      expect(applicationNameOpacity).toBe("0");
+      const menuExpandBtn = await page.find("ic-side-navigation >>> .side-navigation button.menu-expand-button");
+      await menuExpandBtn.click();
+      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
+      applicationNameOpacity = await page.evaluate(() => {
+        const applicationName = document
+          .querySelector("ic-side-navigation")
+          .shadowRoot.querySelector(".title-link ic-typography");
+        return window.getComputedStyle(applicationName).opacity;
+      });
+      expect(applicationNameOpacity).toBe("1");
+    });
+    it("collapse group nav items in collapsed side menu", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigationGroupedNav);
+      await page.waitForChanges();
+      const navigtionGroupToggleBtn = await page.find("ic-side-navigation ic-navigation-group >>> .navigation-group");
+      let navigationGroupWrapperHeight = await page.evaluate(() => {
+        const navigationGroupWrapper = document
+          .querySelector("ic-side-navigation ic-navigation-group")
+          .shadowRoot.querySelector(".grouped-links-wrapper");
+        return window.getComputedStyle(navigationGroupWrapper).height;
+      });
+      expect(parseInt(navigationGroupWrapperHeight)).toBe(56);
+      await navigtionGroupToggleBtn.click();
+      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
+      navigationGroupWrapperHeight = await page.evaluate(() => {
+        const navigationGroupWrapper = document
+          .querySelector("ic-side-navigation ic-navigation-group")
+          .shadowRoot.querySelector(".grouped-links-wrapper");
+        return window.getComputedStyle(navigationGroupWrapper).height;
+      });
+      expect(parseInt(navigationGroupWrapperHeight)).toBe(0);
+      await navigtionGroupToggleBtn.click();
+      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
+      navigationGroupWrapperHeight = await page.evaluate(() => {
+        const navigationGroupWrapper = document
+          .querySelector("ic-side-navigation ic-navigation-group")
+          .shadowRoot.querySelector(".grouped-links-wrapper");
+        return window.getComputedStyle(navigationGroupWrapper).height;
+      });
+      expect(parseInt(navigationGroupWrapperHeight)).toBe(56);
+    });
+    it("aria-landmarks added to side navigation nav sections", async () => {
+      const PRIMARY_LANDMARK_ID = "primary-navigation-landmark";
+      const SECONDARY_LANDMARK_ID = "secondary-navigation-landmark";
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      await page.waitForChanges();
+      const primaryNavigationLandmarkValue = await (await page.find("ic-side-navigation >>> nav.primary-navigation")).getAttribute("aria-labelledby");
+      const primaryNavigationLandmarkText = await (await page.find(`ic-side-navigation >>> nav.primary-navigation #${PRIMARY_LANDMARK_ID}`)).textContent;
+      expect(primaryNavigationLandmarkValue).toBe(PRIMARY_LANDMARK_ID);
+      expect(primaryNavigationLandmarkText).toBe("Primary");
+      const secondaryNavigationLandmarkValue = await (await page.find("ic-side-navigation >>> nav.secondary-navigation")).getAttribute("aria-labelledby");
+      const secondaryNavigationLandmarkText = await (await page.find(`ic-side-navigation >>> nav.secondary-navigation #${SECONDARY_LANDMARK_ID}`)).textContent;
+      expect(secondaryNavigationLandmarkValue).toBe(SECONDARY_LANDMARK_ID);
+      expect(secondaryNavigationLandmarkText).toBe("Secondary");
+    });
+    it("renders app status and version", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      const menuExpandBtn = await page.find("ic-side-navigation >>> .side-navigation button.menu-expand-button");
+      await menuExpandBtn.click();
+      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
+      const applicationStatus = await (await page.find("ic-side-navigation >>> .app-status-wrapper .app-status-text")).innerText;
+      const applicationVersion = await (await page.find("ic-side-navigation >>> .app-status-wrapper .app-version")).innerText;
+      expect(applicationStatus).toBe("BETA");
+      expect(applicationVersion).toBe("v0.0.0");
+    });
+    it("renders tooltip on collapsed side navigation", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigation);
+      const navigationItems = await page.findAll("ic-side-navigation ic-navigation-item");
+      await navigationItems[0].hover();
+      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
+      const toolTipDisplay = await page.evaluate(() => {
+        const tooltip = document
+          .querySelectorAll("ic-side-navigation ic-navigation-item")[0]
+          .shadowRoot.querySelector("ic-tooltip")
+          .shadowRoot.querySelector(".ic-tooltip-container");
+        return window.getComputedStyle(tooltip).display;
+      });
+      expect(toolTipDisplay).toBe("block");
+    });
+    it("hides tooltip on expanded side navigation", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigationExpanded);
+      const navigationItems = await page.findAll("ic-side-navigation ic-navigation-item");
+      await navigationItems[0].hover();
+      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);
+      const toolTipDisplay = await page.evaluate(() => {
+        const tooltip = document
+          .querySelectorAll("ic-side-navigation ic-navigation-item")[0]
+          .shadowRoot.querySelector("ic-tooltip")
+          .shadowRoot.querySelector(".ic-tooltip-container");
+        return window.getComputedStyle(tooltip).display;
+      });
+      expect(toolTipDisplay).toBe("none");
+    });
+    it("hides menu expand if static prop is set to true", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigationStatic);
+      const menuExpandBtn = await page.evaluate(() => document
+        .querySelector("ic-side-navigation")
+        .shadowRoot.querySelector(".side-navigation .menu-expand-button"));
+      expect(menuExpandBtn).toBeNull();
+    });
+    it("renders ic-side-navigation with theme colours", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigationTheme);
+      const sideNavigation = await page.evaluate(() => {
+        const sideNavMain = document
+          .querySelector("ic-side-navigation")
+          .shadowRoot.querySelector(".side-navigation-inner");
+        const sideNavText = document
+          .querySelector("ic-side-navigation")
+          .shadowRoot.querySelector(".ic-typography-h3");
+        return {
+          bgColor: window.getComputedStyle(sideNavMain).backgroundColor,
+          textColor: window.getComputedStyle(sideNavText).color,
+        };
+      });
+      expect(sideNavigation.bgColor).toBe("rgb(131, 166, 195)");
+      expect(sideNavigation.textColor).toBe("rgb(11, 12, 12)");
+    });
+    it("should render tooltip if very long label in expanded menu overflows", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigationExpanded);
+      await page.waitForChanges();
+      const sideNavInner = await page.find("ic-side-navigation >>> .side-navigation-inner");
+      await page.waitForChanges();
+      await sideNavInner.press("Tab");
+      await page.waitForChanges();
+      await sideNavInner.press("Tab");
+      await page.waitForChanges();
+      await sideNavInner.press("Tab");
+      await page.waitForChanges();
+      const shortLabelTooltipDisplay = await page.evaluate(() => {
+        const LABEL = "Home";
+        const navItems = Array.from(document.querySelectorAll("ic-side-navigation ic-navigation-item"));
+        const shortLabelNavItem = navItems.filter((navItem) => {
+          return (navItem.shadowRoot.querySelector("ic-tooltip > a > .ic-typography-label").textContent === LABEL);
+        })[0];
+        return window.getComputedStyle(shortLabelNavItem.shadowRoot
+          .querySelector("ic-tooltip")
+          .shadowRoot.querySelector(".ic-tooltip-container")).display;
+      });
+      expect(shortLabelTooltipDisplay).toBe("none");
+      const longLabelTooltipDisplay = await page.evaluate(() => {
+        const LABEL = "This is a very very very very very long label";
+        const navItems = Array.from(document.querySelectorAll("ic-side-navigation ic-navigation-item"));
+        const longLabelNavItem = navItems.filter((navItem) => {
+          return (navItem.shadowRoot.querySelector("ic-tooltip > a > .ic-typography-label").textContent === LABEL);
+        })[0];
+        return window.getComputedStyle(longLabelNavItem.shadowRoot
+          .querySelector("ic-tooltip")
+          .shadowRoot.querySelector(".ic-tooltip-container")).display;
+      });
+      expect(longLabelTooltipDisplay).toBe("block");
+    });
+    it("renders visible labels when slotted menu items and expanded", async () => {
+      const page = await newE2EPage();
+      await page.setContent(icSideNavigationSlottedExpanded);
+      await page.waitForChanges();
+      const labelVisibility = await page.$eval("ic-side-navigation", (el) => {
+        const navItem = el.querySelector("ic-navigation-item ic-typography");
+        return window.getComputedStyle(navItem).visibility;
+      });
+      expect(labelVisibility).toBe("visible");
+    });
+  });
+});
+//# sourceMappingURL=ic-side-navigation.e2e.js.map

package/dist/collection/components/ic-side-navigation/ic-side-navigation.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-side-navigation.e2e.js","sourceRoot":"","sources":["../../../src/components/ic-side-navigation/ic-side-navigation.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\nimport {\n  icSideNavigation,\n  icSideNavigationExpanded,\n  icSideNavigationGroupedNav,\n  icSideNavigationTheme,\n  icSideNavigationStatic,\n  icSideNavigationSlottedExpanded,\n} from \"./ic-side-navigation-test-examples\";\n\nconst MOBILE_VIEWPORT = {\n  width: 375,\n  height: 667,\n};\n\nconst ANIMATION_MS_THRESHOLD = 300;\n\ndescribe(\"ic-side-navigation\", () => {\n  describe(\"mobile\", () => {\n    it(\"it renders\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      expect(mobileMenuBtn).not.toBeNull();\n    });\n\n    it(\"displays flyout menu when menu button clicked with correct aria-expanded values\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      let mobileBtnLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .textContent.trim()\n      );\n\n      expect(mobileBtnLabel).toContain(\"Menu\");\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const flyoutMenu = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      expect(flyoutMenu).not.toBeNull();\n\n      mobileBtnLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .textContent.trim()\n      );\n\n      expect(mobileBtnLabel).toContain(\"Close\");\n    });\n\n    it(\"dyanmically updated native button aria-label and aria-expanded\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      let mobileAriaExpanded = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-expanded\")\n      );\n\n      let mobileAriaLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-label\")\n      );\n\n      expect(mobileAriaExpanded).toBe(\"false\");\n      expect(mobileAriaLabel).toBe(\"Open navigation menu\");\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const flyoutMenu = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      expect(flyoutMenu).not.toBeNull();\n\n      mobileAriaExpanded = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-expanded\")\n      );\n\n      mobileAriaLabel = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\"#menu-button\")\n          .shadowRoot.querySelector(\"button\")\n          .getAttribute(\"aria-label\")\n      );\n\n      expect(mobileAriaExpanded).toBe(\"true\");\n      expect(mobileAriaLabel).toBe(\"Close navigation menu\");\n    });\n\n    it(\"renders the correct number of navigation-items\", async () => {\n      const labels = [\"Home\", \"a11y\"];\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const navigationItems = await page.evaluate(() => {\n        return Array.from(\n          document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n        ).map((i) =>\n          i.shadowRoot.querySelector(\".ic-tooltip\").textContent.slice(2)\n        );\n      });\n\n      expect(navigationItems.length).toBe(2);\n\n      navigationItems.forEach((navItem, i) => {\n        expect(navItem).toBe(labels[i]);\n      });\n    });\n\n    it(\"renders application name\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const applicationName = await (\n        await page.find(\"ic-side-navigation >>> .top-bar ic-typography\")\n      ).innerText;\n\n      expect(applicationName).toBe(\"ACME\");\n    });\n\n    it(\"renders app status and version\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const applicationStatus = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-status-text\"\n        )\n      ).innerText;\n      const applicationVersion = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-version\"\n        )\n      ).innerText;\n\n      expect(applicationStatus).toBe(\"BETA\");\n      expect(applicationVersion).toBe(\"v0.0.0\");\n    });\n\n    it(\"does not render menu expand button\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      const mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      const flyoutMenu = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      expect(flyoutMenu).not.toBeNull();\n\n      const menuExpandBtn = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation .menu-expand-button\")\n      );\n\n      expect(menuExpandBtn).toBeNull();\n    });\n\n    it(\"does not render tooltips on mobile when menu is closed\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.setViewport({\n        ...MOBILE_VIEWPORT,\n      });\n\n      await page.waitForChanges();\n\n      await page.keyboard.press(\"Tab\");\n      await page.keyboard.press(\"Tab\");\n      await page.keyboard.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      let sideNavInnerVisibility = await page.evaluate(() => {\n        const sideNavInner = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        return window.getComputedStyle(sideNavInner).visibility;\n      });\n\n      expect(sideNavInnerVisibility).toBe(\"hidden\");\n\n      const toolTipDisplay = await page.evaluate(() => {\n        const tooltip = document\n          .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n          .shadowRoot.querySelector(\"ic-tooltip\")\n          .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n        return window.getComputedStyle(tooltip).display;\n      });\n\n      expect(toolTipDisplay).toBe(\"none\");\n\n      let mobileMenuBtn = await page.find(\n        \"ic-side-navigation >>> #menu-button\"\n      );\n\n      await mobileMenuBtn.click();\n\n      await page.waitForChanges();\n\n      sideNavInnerVisibility = await page.evaluate(() => {\n        const sideNavInner = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        return window.getComputedStyle(sideNavInner).visibility;\n      });\n\n      expect(sideNavInnerVisibility).toBe(\"visible\");\n\n      await page.waitForChanges();\n\n      mobileMenuBtn = await page.find(\"ic-side-navigation >>> #menu-button\");\n\n      await mobileMenuBtn.click();\n\n      await page.waitForTimeout(300); // Wait for flyout menu to disappear (50ms longer than animation)\n\n      sideNavInnerVisibility = await page.evaluate(() => {\n        const sideNavInner = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        return window.getComputedStyle(sideNavInner).visibility;\n      });\n\n      expect(sideNavInnerVisibility).toBe(\"hidden\");\n    });\n  });\n\n  describe(\"tablet/desktop\", () => {\n    it(\"renders correctly\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const sideNavigation = await page.find(\"ic-side-navigation\");\n\n      expect(sideNavigation).not.toBeNull();\n    });\n\n    it(\"renders collapsed side nav on initial load\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(56);\n    });\n\n    it(\"renders expanded side nav on initial load\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationExpanded);\n\n      const sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(320);\n    });\n\n    it(\"renders collapsed and expanded on menu toggle\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      let sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(320);\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      sideNavigationWidth = await page.evaluate(() => {\n        const sideNav = document.querySelector(\"ic-side-navigation\");\n        return window.getComputedStyle(sideNav).width;\n      });\n\n      expect(parseInt(sideNavigationWidth)).toBe(56);\n    });\n\n    it(\"updates aria-label of menu expand button\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForChanges();\n\n      expect(menuExpandBtn.getAttribute(\"aria-label\")).toBe(\n        \"Collapse side navigation\"\n      );\n\n      await menuExpandBtn.click();\n\n      expect(menuExpandBtn.getAttribute(\"aria-label\")).toBe(\n        \"Expand side navigation\"\n      );\n    });\n\n    it(\"displays application name on expanded side navigation\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      let applicationNameOpacity = await page.evaluate(() => {\n        const applicationName = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".title-link ic-typography\");\n\n        return window.getComputedStyle(applicationName).opacity;\n      });\n\n      expect(applicationNameOpacity).toBe(\"0\");\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      applicationNameOpacity = await page.evaluate(() => {\n        const applicationName = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".title-link ic-typography\");\n\n        return window.getComputedStyle(applicationName).opacity;\n      });\n\n      expect(applicationNameOpacity).toBe(\"1\");\n    });\n\n    it(\"collapse group nav items in collapsed side menu\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationGroupedNav);\n\n      await page.waitForChanges();\n\n      const navigtionGroupToggleBtn = await page.find(\n        \"ic-side-navigation ic-navigation-group >>> .navigation-group\"\n      );\n\n      let navigationGroupWrapperHeight = await page.evaluate(() => {\n        const navigationGroupWrapper = document\n          .querySelector(\"ic-side-navigation ic-navigation-group\")\n          .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n        return window.getComputedStyle(navigationGroupWrapper).height;\n      });\n\n      expect(parseInt(navigationGroupWrapperHeight)).toBe(56);\n\n      await navigtionGroupToggleBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      navigationGroupWrapperHeight = await page.evaluate(() => {\n        const navigationGroupWrapper = document\n          .querySelector(\"ic-side-navigation ic-navigation-group\")\n          .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n        return window.getComputedStyle(navigationGroupWrapper).height;\n      });\n\n      expect(parseInt(navigationGroupWrapperHeight)).toBe(0);\n\n      await navigtionGroupToggleBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      navigationGroupWrapperHeight = await page.evaluate(() => {\n        const navigationGroupWrapper = document\n          .querySelector(\"ic-side-navigation ic-navigation-group\")\n          .shadowRoot.querySelector(\".grouped-links-wrapper\");\n\n        return window.getComputedStyle(navigationGroupWrapper).height;\n      });\n\n      expect(parseInt(navigationGroupWrapperHeight)).toBe(56);\n    });\n\n    it(\"aria-landmarks added to side navigation nav sections\", async () => {\n      const PRIMARY_LANDMARK_ID = \"primary-navigation-landmark\";\n      const SECONDARY_LANDMARK_ID = \"secondary-navigation-landmark\";\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      await page.waitForChanges();\n\n      const primaryNavigationLandmarkValue = await (\n        await page.find(\"ic-side-navigation >>> nav.primary-navigation\")\n      ).getAttribute(\"aria-labelledby\");\n      const primaryNavigationLandmarkText = await (\n        await page.find(\n          `ic-side-navigation >>> nav.primary-navigation #${PRIMARY_LANDMARK_ID}`\n        )\n      ).textContent;\n\n      expect(primaryNavigationLandmarkValue).toBe(PRIMARY_LANDMARK_ID);\n      expect(primaryNavigationLandmarkText).toBe(\"Primary\");\n\n      const secondaryNavigationLandmarkValue = await (\n        await page.find(\"ic-side-navigation >>> nav.secondary-navigation\")\n      ).getAttribute(\"aria-labelledby\");\n      const secondaryNavigationLandmarkText = await (\n        await page.find(\n          `ic-side-navigation >>> nav.secondary-navigation #${SECONDARY_LANDMARK_ID}`\n        )\n      ).textContent;\n\n      expect(secondaryNavigationLandmarkValue).toBe(SECONDARY_LANDMARK_ID);\n      expect(secondaryNavigationLandmarkText).toBe(\"Secondary\");\n    });\n\n    it(\"renders app status and version\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const menuExpandBtn = await page.find(\n        \"ic-side-navigation >>> .side-navigation button.menu-expand-button\"\n      );\n\n      await menuExpandBtn.click();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      const applicationStatus = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-status-text\"\n        )\n      ).innerText;\n      const applicationVersion = await (\n        await page.find(\n          \"ic-side-navigation >>> .app-status-wrapper .app-version\"\n        )\n      ).innerText;\n\n      expect(applicationStatus).toBe(\"BETA\");\n      expect(applicationVersion).toBe(\"v0.0.0\");\n    });\n\n    it(\"renders tooltip on collapsed side navigation\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigation);\n\n      const navigationItems = await page.findAll(\n        \"ic-side-navigation ic-navigation-item\"\n      );\n\n      await navigationItems[0].hover();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      const toolTipDisplay = await page.evaluate(() => {\n        const tooltip = document\n          .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n          .shadowRoot.querySelector(\"ic-tooltip\")\n          .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n        return window.getComputedStyle(tooltip).display;\n      });\n\n      expect(toolTipDisplay).toBe(\"block\");\n    });\n\n    it(\"hides tooltip on expanded side navigation\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationExpanded);\n\n      const navigationItems = await page.findAll(\n        \"ic-side-navigation ic-navigation-item\"\n      );\n\n      await navigationItems[0].hover();\n\n      await page.waitForTimeout(ANIMATION_MS_THRESHOLD);\n\n      const toolTipDisplay = await page.evaluate(() => {\n        const tooltip = document\n          .querySelectorAll(\"ic-side-navigation ic-navigation-item\")[0]\n          .shadowRoot.querySelector(\"ic-tooltip\")\n          .shadowRoot.querySelector(\".ic-tooltip-container\");\n\n        return window.getComputedStyle(tooltip).display;\n      });\n\n      expect(toolTipDisplay).toBe(\"none\");\n    });\n\n    it(\"hides menu expand if static prop is set to true\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationStatic);\n\n      const menuExpandBtn = await page.evaluate(() =>\n        document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation .menu-expand-button\")\n      );\n\n      expect(menuExpandBtn).toBeNull();\n    });\n\n    it(\"renders ic-side-navigation with theme colours\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationTheme);\n\n      const sideNavigation = await page.evaluate(() => {\n        const sideNavMain = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".side-navigation-inner\");\n\n        const sideNavText = document\n          .querySelector(\"ic-side-navigation\")\n          .shadowRoot.querySelector(\".ic-typography-h3\");\n\n        return {\n          bgColor: window.getComputedStyle(sideNavMain).backgroundColor,\n          textColor: window.getComputedStyle(sideNavText).color,\n        };\n      });\n\n      expect(sideNavigation.bgColor).toBe(\"rgb(131, 166, 195)\");\n      expect(sideNavigation.textColor).toBe(\"rgb(11, 12, 12)\");\n    });\n\n    it(\"should render tooltip if very long label in expanded menu overflows\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationExpanded);\n\n      await page.waitForChanges();\n\n      const sideNavInner = await page.find(\n        \"ic-side-navigation >>> .side-navigation-inner\"\n      );\n\n      await page.waitForChanges();\n\n      await sideNavInner.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      await sideNavInner.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      await sideNavInner.press(\"Tab\");\n\n      await page.waitForChanges();\n\n      const shortLabelTooltipDisplay = await page.evaluate(() => {\n        const LABEL = \"Home\";\n        const navItems = Array.from(\n          document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n        );\n\n        const shortLabelNavItem = navItems.filter((navItem) => {\n          return (\n            navItem.shadowRoot.querySelector(\n              \"ic-tooltip > a > .ic-typography-label\"\n            ).textContent === LABEL\n          );\n        })[0];\n\n        return window.getComputedStyle(\n          shortLabelNavItem.shadowRoot\n            .querySelector(\"ic-tooltip\")\n            .shadowRoot.querySelector(\".ic-tooltip-container\")\n        ).display;\n      });\n\n      expect(shortLabelTooltipDisplay).toBe(\"none\");\n\n      const longLabelTooltipDisplay = await page.evaluate(() => {\n        const LABEL = \"This is a very very very very very long label\";\n        const navItems = Array.from(\n          document.querySelectorAll(\"ic-side-navigation ic-navigation-item\")\n        );\n\n        const longLabelNavItem = navItems.filter((navItem) => {\n          return (\n            navItem.shadowRoot.querySelector(\n              \"ic-tooltip > a > .ic-typography-label\"\n            ).textContent === LABEL\n          );\n        })[0];\n\n        return window.getComputedStyle(\n          longLabelNavItem.shadowRoot\n            .querySelector(\"ic-tooltip\")\n            .shadowRoot.querySelector(\".ic-tooltip-container\")\n        ).display;\n      });\n\n      expect(longLabelTooltipDisplay).toBe(\"block\");\n    });\n\n    it(\"renders visible labels when slotted menu items and expanded\", async () => {\n      const page = await newE2EPage();\n      await page.setContent(icSideNavigationSlottedExpanded);\n\n      await page.waitForChanges();\n\n      const labelVisibility = await page.$eval(\"ic-side-navigation\", (el) => {\n        const navItem = el.querySelector(\"ic-navigation-item ic-typography\");\n\n        return window.getComputedStyle(navItem).visibility;\n      });\n\n      expect(labelVisibility).toBe(\"visible\");\n    });\n  });\n});\n"]}

package/dist/collection/components/ic-side-navigation/ic-side-navigation.js

@@ -229,48 +229,58 @@ export class SideNavigation {
     };
     this.resizeObserver = null;
     this.resizeObserverCallback = (currSize) => {
-      if (currSize !== this.deviceSize) {
-        this.deviceSize = currSize;
-        if (currSize === DEVICE_SIZES.S) {
-          if (!this.disableAutoParentStyling) {
-            const topBarHeight = this.el.shadowRoot.querySelector(".top-bar").scrollHeight;
-            this.setParentPaddingTop(`${topBarHeight}px`);
-            this.setParentPaddingLeft("0");
-            if (this.inline) {
-              this.el.parentElement.style.setProperty("height", `calc(100% - ${topBarHeight}px)`);
-            }
+      this.deviceSize = currSize;
+      if (currSize === DEVICE_SIZES.S) {
+        if (!this.disableAutoParentStyling) {
+          const topBarHeight = this.el.shadowRoot.querySelector(".top-bar").scrollHeight;
+          this.setParentPaddingTop(`${topBarHeight}px`);
+          this.setParentPaddingLeft("0");
+          if (this.inline) {
+            this.el.parentElement.style.setProperty("height", `calc(100% - ${topBarHeight}px)`);
           }
-          this.emitSideNavigationExpanded({
-            sideNavExpanded: this.menuExpanded,
-            sideNavMobile: true,
-          });
         }
-        else {
-          if (!this.disableAutoParentStyling) {
-            this.setParentPaddingTop("0");
-            this.el.parentElement.style.setProperty("height", "100%");
-          }
-          this.emitSideNavigationExpanded({
-            sideNavExpanded: this.menuExpanded,
-            sideNavMobile: false,
-          });
+        this.emitSideNavigationExpanded({
+          sideNavExpanded: this.menuExpanded,
+          sideNavMobile: true,
+        });
+      }
+      else {
+        if (!this.disableAutoParentStyling) {
+          this.setParentPaddingTop("0");
+          this.el.parentElement.style.setProperty("height", "100%");
         }
-        if (currSize > DEVICE_SIZES.L) {
-          if (!this.disableAutoParentStyling) {
-            this.setParentPaddingTop("0");
-            this.setParentPaddingLeft("0");
-          }
+        this.emitSideNavigationExpanded({
+          sideNavExpanded: this.menuExpanded,
+          sideNavMobile: false,
+        });
+      }
+      let paddingLeft;
+      if (this.collapsedIconLabels) {
+        paddingLeft = "calc(var(--ic-space-xxl) * 2)";
+      }
+      else {
+        paddingLeft = "calc(var(--ic-space-xxl) + var(--ic-space-xs))";
+      }
+      if (currSize > DEVICE_SIZES.L) {
+        if (!this.disableAutoParentStyling) {
+          this.setParentPaddingTop("0");
+          this.setParentPaddingLeft("0");
         }
-        else if (currSize > DEVICE_SIZES.S &&
-          currSize <= DEVICE_SIZES.L &&
-          !this.static &&
-          !this.disableAutoParentStyling) {
-          if (this.collapsedIconLabels) {
-            this.setParentPaddingLeft("calc(var(--ic-space-xxl) * 2)");
-          }
-          else {
-            this.setParentPaddingLeft("calc(var(--ic-space-xxl) + var(--ic-space-xs))");
-          }
+      }
+      else if (currSize > DEVICE_SIZES.S &&
+        currSize <= DEVICE_SIZES.M &&
+        this.static &&
+        !this.disableAutoParentStyling) {
+        this.setParentPaddingLeft(paddingLeft);
+      }
+      else if (currSize > DEVICE_SIZES.S &&
+        currSize <= DEVICE_SIZES.L &&
+        !this.disableAutoParentStyling) {
+        if (this.static) {
+          this.setParentPaddingLeft("calc(var(--ic-space-xl) * 10)");
+        }
+        else {
+          this.setParentPaddingLeft(paddingLeft);
         }
       }
     };
@@ -383,7 +393,6 @@ export class SideNavigation {
         "sm-expanded": !isSDevice && menuExpanded,
         [IcThemeForegroundEnum.Dark]: foregroundColor === IcThemeForegroundEnum.Dark,
         ["collapsed-labels"]: !isSDevice && !menuExpanded && collapsedIconLabels,
-        ["static"]: this.static,
         ["inline"]: inline,
       } }, isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h("div", { class: "side-navigation", id: "side-navigation" }, !isSDevice && this.renderTopBar(Object.assign({}, topBarProps)), h("div", { class: "side-navigation-inner" }, isSlotUsed(this.el, "primary-navigation") && (h("nav", { class: "primary-navigation", "aria-labelledby": "primary-navigation-landmark" }, h("span", { "aria-hidden": "true", class: "navigation-landmark-title", id: "primary-navigation-landmark" }, "Primary"), h("ul", { class: "navigation-list" }, h("slot", { name: "primary-navigation" }))))), h("div", { class: {
         ["bottom-wrapper"]: true,