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

package/dist/collection/components/ic-side-navigation/test/basic/ic-side-navigation-test-examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-side-navigation-test-examples.js","sourceRoot":"","sources":["../../../../../src/components/ic-side-navigation/test/basic/ic-side-navigation-test-examples.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA0DvB,CAAC;AAEV,MAAM,CAAC,MAAM,wBAAwB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA0E/B,CAAC;AAEV,MAAM,CAAC,MAAM,0BAA0B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgEjC,CAAC;AAEV,MAAM,CAAC,MAAM,sBAAsB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA4D7B,CAAC;AAEV,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA2D5B,CAAC;AAEV,MAAM,CAAC,MAAM,+BAA+B,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyF9C,CAAC","sourcesContent":["export const icSideNavigation = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationExpanded = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n      expanded=\"true\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"This is a very very very very very long label\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationGroupedNav = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-group\n      slot=\"primary-navigation\"\n      label=\"Second navigation group\"\n      expandable=\"true\"\n    >\n      <ic-navigation-item label=\"Different navigation\" href=\"/\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M23 8C23 9.1 22.1 10 21 10C20.82 10 20.65 9.98 20.49 9.93L16.93 13.48C16.98 13.64 17 13.82 17 14C17 15.1 16.1 16 15 16C13.9 16 13 15.1 13 14C13 13.82 13.02 13.64 13.07 13.48L10.52 10.93C10.36 10.98 10.18 11 10 11C9.82 11 9.64 10.98 9.48 10.93L4.93 15.49C4.98 15.65 5 15.82 5 16C5 17.1 4.1 18 3 18C1.9 18 1 17.1 1 16C1 14.9 1.9 14 3 14C3.18 14 3.35 14.02 3.51 14.07L8.07 9.52C8.02 9.36 8 9.18 8 9C8 7.9 8.9 7 10 7C11.1 7 12 7.9 12 9C12 9.18 11.98 9.36 11.93 9.52L14.48 12.07C14.64 12.02 14.82 12 15 12C15.18 12 15.36 12.02 15.52 12.07L19.07 8.51C19.02 8.35 19 8.18 19 8C19 6.9 19.9 6 21 6C22.1 6 23 6.9 23 8Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-navigation-group>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationStatic = `\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n      expanded=\"true\"\n      static=\"true\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationTheme = `\n  <ic-theme color=\"rgb(131, 166, 195)\"></ic-theme>\n  <div style=\"display:flex; height: 100%;\">\n    <ic-side-navigation\n      app-title=\"ACME\"\n      version=\"v0.0.0\"\n      status=\"BETA\"\n    >\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n      <ic-navigation-item slot=\"secondary-navigation\" href=\"/\" label=\"a11y\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n            fill=\"currentColor\"\n          />\n        </svg>\n      </ic-navigation-item>\n    </ic-side-navigation>\n    <div\n      class=\"content-wrapper\"\n      style=\"display:flex; flex-direction: column;\"\n    >\n      <main style=\"flex: 1 0 auto\">This is the content</main>\n      <footer>Footer</footer>\n    </div>\n  </div>`;\n\nexport const icSideNavigationSlottedExpanded = `\n    <ic-side-navigation app-title=\"Application Name\" version=\"v0.0.0\" status=\"BETA\" expanded=\"true\">\n      <svg\n        slot=\"app-icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z\"\n        />\n      </svg>\n      <ic-navigation-item slot=\"primary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          class=\"active\"\n          href=\"/child-item-2\"\n          aria-label=\"Daily Tippers\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          Daily Tippers\n        </a>\n      </ic-navigation-item>\n      <ic-navigation-group\n        slot=\"primary-navigation\"\n        label=\"Second navigation group\"\n        expandable=\"true\"\n      >\n        <ic-navigation-item>\n          <a\n            slot=\"navigation-item\"\n            href=\"/child-item-2\"\n            aria-label=\"Daily Tippers\"\n          >\n            <svg\n              slot=\"icon\"\n              width=\"24\"\n              height=\"24\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n                fill=\"currentColor\"\n              ></path>\n            </svg>\n            Daily Tippers\n          </a>\n        </ic-navigation-item>\n      </ic-navigation-group>\n      <ic-navigation-item slot=\"secondary-navigation\">\n        <a\n          slot=\"navigation-item\"\n          href=\"/bar\"\n          aria-label=\"bar\"\n        >\n          <svg\n            slot=\"icon\"\n            width=\"24\"\n            height=\"24\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n          >\n            <path\n              d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n              fill=\"currentColor\"\n            ></path>\n          </svg>\n          bar\n        </a>\n      </ic-navigation-item>\n    </ic-side-navigation>\n`;\n"]}

package/dist/collection/components/ic-side-navigation/test/basic/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/test/basic/ic-side-navigation.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-side-navigation.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-side-navigation/test/basic/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"]}