@ukic/web-components 2.8.0 → 2.9.0

package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.mobile.e2e.js

@@ -4,53 +4,53 @@ const pageHeight = 480;
 const searchBarVisibleHeight = 40;
 const searchBarHiddenHeight = 0;
 describe("ic-top-navigation on mobile", () => {
-  it("renders", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
+    it("renders", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
     version="v0.0.7"></ic-top-navigation>`);
-    await page.setViewport({
-      width: pageWidth,
-      height: pageHeight,
-    });
-    const menuBtn = await page.find("ic-top-navigation >>> .menu-button-container ic-button");
-    expect(menuBtn).not.toBeNull();
-  });
-  it("should open and close menu", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
+        await page.setViewport({
+            width: pageWidth,
+            height: pageHeight,
+        });
+        const menuBtn = await page.find("ic-top-navigation >>> .menu-button-container ic-button");
+        expect(menuBtn).not.toBeNull();
+    });
+    it("should open and close menu", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
     version="v0.0.7"></ic-top-navigation>`);
-    await page.setViewport({
-      width: pageWidth,
-      height: pageHeight,
-    });
-    const menuBtn = await page.find("ic-top-navigation >>> .menu-button-container ic-button");
-    expect(menuBtn).not.toBeNull();
-    const icNavigationMenuOpened = await page.spyOnEvent("icNavigationMenuOpened");
-    await menuBtn.click();
-    await page.waitForChanges();
-    let menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
-    expect(menu).not.toBeNull();
-    expect(icNavigationMenuOpened).toHaveReceivedEvent();
-    const activeElId = await page.$eval("ic-top-navigation", (el) => {
-      const menu = el.shadowRoot.querySelector("ic-navigation-menu");
-      return menu.shadowRoot.activeElement.id;
-    });
-    expect(activeElId).toBe("menu-close-button");
-    const icNavigationMenuClosed = await page.spyOnEvent("icNavigationMenuClosed");
-    await page.evaluate(() => {
-      const navbar = document.querySelector("ic-top-navigation");
-      const menu = navbar.shadowRoot.querySelector("ic-navigation-menu");
-      const closeBtn = menu.shadowRoot.querySelector("ic-button");
-      closeBtn.click();
-    });
-    await page.waitForChanges();
-    menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
-    expect(menu).toBeNull();
-    expect(icNavigationMenuClosed).toHaveReceivedEvent();
-  });
-  it("should close menu when nav item clicked", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
+        await page.setViewport({
+            width: pageWidth,
+            height: pageHeight,
+        });
+        const menuBtn = await page.find("ic-top-navigation >>> .menu-button-container ic-button");
+        expect(menuBtn).not.toBeNull();
+        const icNavigationMenuOpened = await page.spyOnEvent("icNavigationMenuOpened");
+        await menuBtn.click();
+        await page.waitForChanges();
+        let menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
+        expect(menu).not.toBeNull();
+        expect(icNavigationMenuOpened).toHaveReceivedEvent();
+        const activeElId = await page.$eval("ic-top-navigation", (el) => {
+            const menu = el.shadowRoot.querySelector("ic-navigation-menu");
+            return menu.shadowRoot.activeElement.id;
+        });
+        expect(activeElId).toBe("menu-close-button");
+        const icNavigationMenuClosed = await page.spyOnEvent("icNavigationMenuClosed");
+        await page.evaluate(() => {
+            const navbar = document.querySelector("ic-top-navigation");
+            const menu = navbar.shadowRoot.querySelector("ic-navigation-menu");
+            const closeBtn = menu.shadowRoot.querySelector("ic-button");
+            closeBtn.click();
+        });
+        await page.waitForChanges();
+        menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
+        expect(menu).toBeNull();
+        expect(icNavigationMenuClosed).toHaveReceivedEvent();
+    });
+    it("should close menu when nav item clicked", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
     version="v0.0.7">
       <ic-navigation-item
         label="Navigation"
@@ -58,30 +58,30 @@ describe("ic-top-navigation on mobile", () => {
         href="#"
       ></ic-navigation-item>
     </ic-top-navigation>`);
-    await page.setViewport({
-      width: pageWidth,
-      height: pageHeight,
-    });
-    const menuBtn = await page.find("ic-top-navigation >>> .menu-button-container ic-button");
-    expect(menuBtn).not.toBeNull();
-    const icNavigationMenuOpened = await page.spyOnEvent("icNavigationMenuOpened");
-    await menuBtn.click();
-    await page.waitForChanges();
-    let menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
-    expect(menu).not.toBeNull();
-    expect(icNavigationMenuOpened).toHaveReceivedEvent();
-    const icNavigationMenuClosed = await page.spyOnEvent("icNavigationMenuClosed");
-    const navItem = await page.find("ic-navigation-item");
-    await page.waitForTimeout(5000);
-    await navItem.click();
-    await page.waitForChanges();
-    menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
-    expect(menu).toBeNull();
-    expect(icNavigationMenuClosed).toHaveReceivedEvent();
-  });
-  it("should keep tab focus in menu - button as last el", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
+        await page.setViewport({
+            width: pageWidth,
+            height: pageHeight,
+        });
+        const menuBtn = await page.find("ic-top-navigation >>> .menu-button-container ic-button");
+        expect(menuBtn).not.toBeNull();
+        const icNavigationMenuOpened = await page.spyOnEvent("icNavigationMenuOpened");
+        await menuBtn.click();
+        await page.waitForChanges();
+        let menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
+        expect(menu).not.toBeNull();
+        expect(icNavigationMenuOpened).toHaveReceivedEvent();
+        const icNavigationMenuClosed = await page.spyOnEvent("icNavigationMenuClosed");
+        const navItem = await page.find("ic-navigation-item");
+        await page.waitForTimeout(5000);
+        await navItem.click();
+        await page.waitForChanges();
+        menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
+        expect(menu).toBeNull();
+        expect(icNavigationMenuClosed).toHaveReceivedEvent();
+    });
+    it("should keep tab focus in menu - button as last el", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
     version="v0.0.7">
       <ic-navigation-button
         label="button1"
@@ -103,47 +103,47 @@ describe("ic-top-navigation on mobile", () => {
         </svg>
       </ic-navigation-button>
     </ic-top-navigation>`);
-    await page.setViewport({
-      width: pageWidth,
-      height: pageHeight,
-    });
-    const menuBtn = await page.find("ic-top-navigation >>> .menu-button-container ic-button");
-    expect(menuBtn).not.toBeNull();
-    await menuBtn.click();
-    await page.waitForChanges();
-    const menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
-    expect(menu).not.toBeNull();
-    let activeElId = await page.$eval("ic-top-navigation", (el) => {
-      const menu = el.shadowRoot.querySelector("ic-navigation-menu");
-      return menu.shadowRoot.activeElement.id;
-    });
-    expect(activeElId).toBe("menu-close-button");
-    await page.keyboard.press("Tab");
-    await page.waitForChanges();
-    activeElId = await page.$eval("ic-navigation-button", (el) => {
-      const button = el.shadowRoot.querySelector("ic-button");
-      return button.shadowRoot.activeElement.getAttribute("aria-label");
-    });
-    expect(activeElId).toBe("button1");
-    await page.keyboard.press("Tab");
-    await page.waitForChanges();
-    activeElId = await page.$eval("ic-top-navigation", (el) => {
-      const menu = el.shadowRoot.querySelector("ic-navigation-menu");
-      return menu.shadowRoot.activeElement.id;
-    });
-    expect(activeElId).toBe("menu-close-button");
-    page.keyboard.down("Shift");
-    await page.keyboard.press("Tab");
-    await page.waitForChanges();
-    activeElId = await page.$eval("ic-navigation-button", (el) => {
-      const button = el.shadowRoot.querySelector("ic-button");
-      return button.shadowRoot.activeElement.getAttribute("aria-label");
-    });
-    expect(activeElId).toBe("button1");
-  });
-  it("should keep tab focus in menu - nav item as last el", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
+        await page.setViewport({
+            width: pageWidth,
+            height: pageHeight,
+        });
+        const menuBtn = await page.find("ic-top-navigation >>> .menu-button-container ic-button");
+        expect(menuBtn).not.toBeNull();
+        await menuBtn.click();
+        await page.waitForChanges();
+        const menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
+        expect(menu).not.toBeNull();
+        let activeElId = await page.$eval("ic-top-navigation", (el) => {
+            const menu = el.shadowRoot.querySelector("ic-navigation-menu");
+            return menu.shadowRoot.activeElement.id;
+        });
+        expect(activeElId).toBe("menu-close-button");
+        await page.keyboard.press("Tab");
+        await page.waitForChanges();
+        activeElId = await page.$eval("ic-navigation-button", (el) => {
+            const button = el.shadowRoot.querySelector("ic-button");
+            return button.shadowRoot.activeElement.getAttribute("aria-label");
+        });
+        expect(activeElId).toBe("button1");
+        await page.keyboard.press("Tab");
+        await page.waitForChanges();
+        activeElId = await page.$eval("ic-top-navigation", (el) => {
+            const menu = el.shadowRoot.querySelector("ic-navigation-menu");
+            return menu.shadowRoot.activeElement.id;
+        });
+        expect(activeElId).toBe("menu-close-button");
+        page.keyboard.down("Shift");
+        await page.keyboard.press("Tab");
+        await page.waitForChanges();
+        activeElId = await page.$eval("ic-navigation-button", (el) => {
+            const button = el.shadowRoot.querySelector("ic-button");
+            return button.shadowRoot.activeElement.getAttribute("aria-label");
+        });
+        expect(activeElId).toBe("button1");
+    });
+    it("should keep tab focus in menu - nav item as last el", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
     version="v0.0.7">
     <ic-navigation-item
       label="Navigation"
@@ -151,94 +151,94 @@ describe("ic-top-navigation on mobile", () => {
       slot="navigation"
     ></ic-navigation-item>  
     </ic-top-navigation>`);
-    await page.setViewport({
-      width: pageWidth,
-      height: pageHeight,
-    });
-    const menuBtn = await page.find("ic-top-navigation >>> .menu-button-container ic-button");
-    expect(menuBtn).not.toBeNull();
-    await menuBtn.click();
-    await page.waitForChanges();
-    const menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
-    expect(menu).not.toBeNull();
-    let activeElId = await page.$eval("ic-top-navigation", (el) => {
-      const menu = el.shadowRoot.querySelector("ic-navigation-menu");
-      return menu.shadowRoot.activeElement.id;
-    });
-    expect(activeElId).toBe("menu-close-button");
-    await page.keyboard.press("Tab");
-    await page.waitForChanges();
-    activeElId = await page.$eval("ic-navigation-item", (el) => {
-      return el.shadowRoot.activeElement.textContent;
-    });
-    expect(activeElId).toBe("Navigation");
-    await page.keyboard.press("Tab");
-    await page.waitForChanges();
-    activeElId = await page.$eval("ic-top-navigation", (el) => {
-      const menu = el.shadowRoot.querySelector("ic-navigation-menu");
-      return menu.shadowRoot.activeElement.id;
-    });
-    expect(activeElId).toBe("menu-close-button");
-    page.keyboard.down("Shift");
-    await page.keyboard.press("Tab");
-    await page.waitForChanges();
-    activeElId = await page.$eval("ic-navigation-item", (el) => {
-      return el.shadowRoot.activeElement.textContent;
-    });
-    expect(activeElId).toBe("Navigation");
-  });
-  it("should toggle search bar when clicking on button", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
+        await page.setViewport({
+            width: pageWidth,
+            height: pageHeight,
+        });
+        const menuBtn = await page.find("ic-top-navigation >>> .menu-button-container ic-button");
+        expect(menuBtn).not.toBeNull();
+        await menuBtn.click();
+        await page.waitForChanges();
+        const menu = await page.find("ic-top-navigation >>> ic-navigation-menu");
+        expect(menu).not.toBeNull();
+        let activeElId = await page.$eval("ic-top-navigation", (el) => {
+            const menu = el.shadowRoot.querySelector("ic-navigation-menu");
+            return menu.shadowRoot.activeElement.id;
+        });
+        expect(activeElId).toBe("menu-close-button");
+        await page.keyboard.press("Tab");
+        await page.waitForChanges();
+        activeElId = await page.$eval("ic-navigation-item", (el) => {
+            return el.shadowRoot.activeElement.textContent;
+        });
+        expect(activeElId).toBe("Navigation");
+        await page.keyboard.press("Tab");
+        await page.waitForChanges();
+        activeElId = await page.$eval("ic-top-navigation", (el) => {
+            const menu = el.shadowRoot.querySelector("ic-navigation-menu");
+            return menu.shadowRoot.activeElement.id;
+        });
+        expect(activeElId).toBe("menu-close-button");
+        page.keyboard.down("Shift");
+        await page.keyboard.press("Tab");
+        await page.waitForChanges();
+        activeElId = await page.$eval("ic-navigation-item", (el) => {
+            return el.shadowRoot.activeElement.textContent;
+        });
+        expect(activeElId).toBe("Navigation");
+    });
+    it("should toggle search bar when clicking on button", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
     version="v0.0.7">
     <ic-search-bar slot="search" label="Search" placeholder="Search" focusOnLoad="true"></ic-search-bar>
     </ic-top-navigation>`);
-    await page.setViewport({
-      width: pageWidth,
-      height: pageHeight,
-    });
-    const searchBtn = await page.find("ic-top-navigation >>> .search-actions-container ic-button");
-    expect(searchBtn).not.toBeNull();
-    await searchBtn.click();
-    await page.waitForChanges();
-    let searchBarHeight = await page.$eval("ic-search-bar", (el) => {
-      return el.clientHeight;
-    });
-    expect(searchBarHeight).toBe(searchBarVisibleHeight);
-    await searchBtn.click();
-    await page.waitForChanges();
-    searchBarHeight = await page.$eval("ic-search-bar", (el) => {
-      return el.clientHeight;
-    });
-    expect(searchBarHeight).toBe(searchBarHiddenHeight);
-  });
-  it("should hide search bar when loses focus", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
+        await page.setViewport({
+            width: pageWidth,
+            height: pageHeight,
+        });
+        const searchBtn = await page.find("ic-top-navigation >>> .search-actions-container ic-button");
+        expect(searchBtn).not.toBeNull();
+        await searchBtn.click();
+        await page.waitForChanges();
+        let searchBarHeight = await page.$eval("ic-search-bar", (el) => {
+            return el.clientHeight;
+        });
+        expect(searchBarHeight).toBe(searchBarVisibleHeight);
+        await searchBtn.click();
+        await page.waitForChanges();
+        searchBarHeight = await page.$eval("ic-search-bar", (el) => {
+            return el.clientHeight;
+        });
+        expect(searchBarHeight).toBe(searchBarHiddenHeight);
+    });
+    it("should hide search bar when loses focus", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-top-navigation app-title="ApplicationName" status="alpha"
       version="v0.0.7">
         <ic-search-bar slot="search" label="Search" placeholder="Search" focusOnLoad="true"></ic-search-bar>
       </ic-top-navigation>
       <span id='othercontent'>some other content</span>`);
-    await page.setViewport({
-      width: pageWidth,
-      height: pageHeight,
-    });
-    const searchBtn = await page.find("ic-top-navigation >>> .search-actions-container ic-button");
-    expect(searchBtn).not.toBeNull();
-    await searchBtn.click();
-    await page.waitForChanges();
-    let searchBarHeight = await page.$eval("ic-search-bar", (el) => {
-      return el.clientHeight;
-    });
-    expect(searchBarHeight).toBe(searchBarVisibleHeight);
-    // Test hides when another page element clicked
-    const spanEl = await page.find("#othercontent");
-    await spanEl.click();
-    await page.waitForChanges();
-    searchBarHeight = await page.$eval("ic-search-bar", (el) => {
-      return el.clientHeight;
+        await page.setViewport({
+            width: pageWidth,
+            height: pageHeight,
+        });
+        const searchBtn = await page.find("ic-top-navigation >>> .search-actions-container ic-button");
+        expect(searchBtn).not.toBeNull();
+        await searchBtn.click();
+        await page.waitForChanges();
+        let searchBarHeight = await page.$eval("ic-search-bar", (el) => {
+            return el.clientHeight;
+        });
+        expect(searchBarHeight).toBe(searchBarVisibleHeight);
+        // Test hides when another page element clicked
+        const spanEl = await page.find("#othercontent");
+        await spanEl.click();
+        await page.waitForChanges();
+        searchBarHeight = await page.$eval("ic-search-bar", (el) => {
+            return el.clientHeight;
+        });
+        expect(searchBarHeight).toBe(searchBarHiddenHeight);
     });
-    expect(searchBarHeight).toBe(searchBarHiddenHeight);
-  });
 });
 //# sourceMappingURL=ic-top-navigation.mobile.e2e.js.map

package/dist/collection/components/ic-top-navigation/test/basic/ic-top-navigation.mobile.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"ic-top-navigation.mobile.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-top-navigation/test/basic/ic-top-navigation.mobile.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\nconst pageWidth = 640;\nconst pageHeight = 480;\nconst searchBarVisibleHeight = 40;\nconst searchBarHiddenHeight = 0;\n\ndescribe(\"ic-top-navigation on mobile\", () => {\n  it(\"renders\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\"></ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const menuBtn = await page.find(\n      \"ic-top-navigation >>> .menu-button-container ic-button\"\n    );\n    expect(menuBtn).not.toBeNull();\n  });\n\n  it(\"should open and close menu\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\"></ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const menuBtn = await page.find(\n      \"ic-top-navigation >>> .menu-button-container ic-button\"\n    );\n    expect(menuBtn).not.toBeNull();\n\n    const icNavigationMenuOpened = await page.spyOnEvent(\n      \"icNavigationMenuOpened\"\n    );\n    await menuBtn.click();\n    await page.waitForChanges();\n    let menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).not.toBeNull();\n    expect(icNavigationMenuOpened).toHaveReceivedEvent();\n\n    const activeElId = await page.$eval(\"ic-top-navigation\", (el) => {\n      const menu = el.shadowRoot.querySelector(\"ic-navigation-menu\");\n      return menu.shadowRoot.activeElement.id;\n    });\n\n    expect(activeElId).toBe(\"menu-close-button\");\n\n    const icNavigationMenuClosed = await page.spyOnEvent(\n      \"icNavigationMenuClosed\"\n    );\n\n    await page.evaluate(() => {\n      const navbar = document.querySelector(\"ic-top-navigation\");\n      const menu = navbar.shadowRoot.querySelector(\"ic-navigation-menu\");\n      const closeBtn = menu.shadowRoot.querySelector(\"ic-button\");\n      closeBtn.click();\n    });\n\n    await page.waitForChanges();\n    menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).toBeNull();\n    expect(icNavigationMenuClosed).toHaveReceivedEvent();\n  });\n\n  it(\"should close menu when nav item clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\">\n      <ic-navigation-item\n        label=\"Navigation\"\n        slot=\"navigation\"\n        href=\"#\"\n      ></ic-navigation-item>\n    </ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const menuBtn = await page.find(\n      \"ic-top-navigation >>> .menu-button-container ic-button\"\n    );\n    expect(menuBtn).not.toBeNull();\n\n    const icNavigationMenuOpened = await page.spyOnEvent(\n      \"icNavigationMenuOpened\"\n    );\n    await menuBtn.click();\n    await page.waitForChanges();\n\n    let menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).not.toBeNull();\n    expect(icNavigationMenuOpened).toHaveReceivedEvent();\n\n    const icNavigationMenuClosed = await page.spyOnEvent(\n      \"icNavigationMenuClosed\"\n    );\n\n    const navItem = await page.find(\"ic-navigation-item\");\n    await page.waitForTimeout(5000);\n    await navItem.click();\n    await page.waitForChanges();\n\n    menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).toBeNull();\n    expect(icNavigationMenuClosed).toHaveReceivedEvent();\n  });\n\n  it(\"should keep tab focus in menu - button as last el\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\">\n      <ic-navigation-button\n        label=\"button1\"\n        slot=\"buttons\"\n        onclick=\"alert('test')\"\n      >\n        <svg\n          slot=\"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-button>\n    </ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const menuBtn = await page.find(\n      \"ic-top-navigation >>> .menu-button-container ic-button\"\n    );\n    expect(menuBtn).not.toBeNull();\n\n    await menuBtn.click();\n    await page.waitForChanges();\n    const menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).not.toBeNull();\n\n    let activeElId = await page.$eval(\"ic-top-navigation\", (el) => {\n      const menu = el.shadowRoot.querySelector(\"ic-navigation-menu\");\n      return menu.shadowRoot.activeElement.id;\n    });\n\n    expect(activeElId).toBe(\"menu-close-button\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-navigation-button\", (el) => {\n      const button = el.shadowRoot.querySelector(\"ic-button\");\n      return button.shadowRoot.activeElement.getAttribute(\"aria-label\");\n    });\n\n    expect(activeElId).toBe(\"button1\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-top-navigation\", (el) => {\n      const menu = el.shadowRoot.querySelector(\"ic-navigation-menu\");\n      return menu.shadowRoot.activeElement.id;\n    });\n\n    expect(activeElId).toBe(\"menu-close-button\");\n\n    page.keyboard.down(\"Shift\");\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-navigation-button\", (el) => {\n      const button = el.shadowRoot.querySelector(\"ic-button\");\n      return button.shadowRoot.activeElement.getAttribute(\"aria-label\");\n    });\n\n    expect(activeElId).toBe(\"button1\");\n  });\n\n  it(\"should keep tab focus in menu - nav item as last el\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\">\n    <ic-navigation-item\n      label=\"Navigation\"\n      href=\"/\"\n      slot=\"navigation\"\n    ></ic-navigation-item>  \n    </ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const menuBtn = await page.find(\n      \"ic-top-navigation >>> .menu-button-container ic-button\"\n    );\n    expect(menuBtn).not.toBeNull();\n\n    await menuBtn.click();\n    await page.waitForChanges();\n    const menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).not.toBeNull();\n\n    let activeElId = await page.$eval(\"ic-top-navigation\", (el) => {\n      const menu = el.shadowRoot.querySelector(\"ic-navigation-menu\");\n      return menu.shadowRoot.activeElement.id;\n    });\n\n    expect(activeElId).toBe(\"menu-close-button\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-navigation-item\", (el) => {\n      return el.shadowRoot.activeElement.textContent;\n    });\n\n    expect(activeElId).toBe(\"Navigation\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-top-navigation\", (el) => {\n      const menu = el.shadowRoot.querySelector(\"ic-navigation-menu\");\n      return menu.shadowRoot.activeElement.id;\n    });\n\n    expect(activeElId).toBe(\"menu-close-button\");\n\n    page.keyboard.down(\"Shift\");\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-navigation-item\", (el) => {\n      return el.shadowRoot.activeElement.textContent;\n    });\n\n    expect(activeElId).toBe(\"Navigation\");\n  });\n\n  it(\"should toggle search bar when clicking on button\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\">\n    <ic-search-bar slot=\"search\" label=\"Search\" placeholder=\"Search\" focusOnLoad=\"true\"></ic-search-bar>\n    </ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const searchBtn = await page.find(\n      \"ic-top-navigation >>> .search-actions-container ic-button\"\n    );\n    expect(searchBtn).not.toBeNull();\n\n    await searchBtn.click();\n    await page.waitForChanges();\n\n    let searchBarHeight = await page.$eval(\"ic-search-bar\", (el) => {\n      return el.clientHeight;\n    });\n\n    expect(searchBarHeight).toBe(searchBarVisibleHeight);\n\n    await searchBtn.click();\n    await page.waitForChanges();\n\n    searchBarHeight = await page.$eval(\"ic-search-bar\", (el) => {\n      return el.clientHeight;\n    });\n\n    expect(searchBarHeight).toBe(searchBarHiddenHeight);\n  });\n\n  it(\"should hide search bar when loses focus\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n      version=\"v0.0.7\">\n        <ic-search-bar slot=\"search\" label=\"Search\" placeholder=\"Search\" focusOnLoad=\"true\"></ic-search-bar>\n      </ic-top-navigation>\n      <span id='othercontent'>some other content</span>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const searchBtn = await page.find(\n      \"ic-top-navigation >>> .search-actions-container ic-button\"\n    );\n    expect(searchBtn).not.toBeNull();\n\n    await searchBtn.click();\n    await page.waitForChanges();\n\n    let searchBarHeight = await page.$eval(\"ic-search-bar\", (el) => {\n      return el.clientHeight;\n    });\n\n    expect(searchBarHeight).toBe(searchBarVisibleHeight);\n\n    // Test hides when another page element clicked\n    const spanEl = await page.find(\"#othercontent\");\n    await spanEl.click();\n    await page.waitForChanges();\n\n    searchBarHeight = await page.$eval(\"ic-search-bar\", (el) => {\n      return el.clientHeight;\n    });\n\n    expect(searchBarHeight).toBe(searchBarHiddenHeight);\n  });\n});\n"]}
+{"version":3,"file":"ic-top-navigation.mobile.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-top-navigation/test/basic/ic-top-navigation.mobile.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\nconst pageWidth = 640;\nconst pageHeight = 480;\nconst searchBarVisibleHeight = 40;\nconst searchBarHiddenHeight = 0;\n\ndescribe(\"ic-top-navigation on mobile\", () => {\n  it(\"renders\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\"></ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const menuBtn = await page.find(\n      \"ic-top-navigation >>> .menu-button-container ic-button\"\n    );\n    expect(menuBtn).not.toBeNull();\n  });\n\n  it(\"should open and close menu\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\"></ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const menuBtn = await page.find(\n      \"ic-top-navigation >>> .menu-button-container ic-button\"\n    );\n    expect(menuBtn).not.toBeNull();\n\n    const icNavigationMenuOpened = await page.spyOnEvent(\n      \"icNavigationMenuOpened\"\n    );\n    await menuBtn.click();\n    await page.waitForChanges();\n    let menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).not.toBeNull();\n    expect(icNavigationMenuOpened).toHaveReceivedEvent();\n\n    const activeElId = await page.$eval(\"ic-top-navigation\", (el) => {\n      const menu = el.shadowRoot.querySelector(\"ic-navigation-menu\");\n      return menu.shadowRoot.activeElement.id;\n    });\n\n    expect(activeElId).toBe(\"menu-close-button\");\n\n    const icNavigationMenuClosed = await page.spyOnEvent(\n      \"icNavigationMenuClosed\"\n    );\n\n    await page.evaluate(() => {\n      const navbar = document.querySelector(\"ic-top-navigation\");\n      const menu = navbar.shadowRoot.querySelector(\"ic-navigation-menu\");\n      const closeBtn = menu.shadowRoot.querySelector(\"ic-button\");\n      closeBtn.click();\n    });\n\n    await page.waitForChanges();\n    menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).toBeNull();\n    expect(icNavigationMenuClosed).toHaveReceivedEvent();\n  });\n\n  it(\"should close menu when nav item clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\">\n      <ic-navigation-item\n        label=\"Navigation\"\n        slot=\"navigation\"\n        href=\"#\"\n      ></ic-navigation-item>\n    </ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const menuBtn = await page.find(\n      \"ic-top-navigation >>> .menu-button-container ic-button\"\n    );\n    expect(menuBtn).not.toBeNull();\n\n    const icNavigationMenuOpened = await page.spyOnEvent(\n      \"icNavigationMenuOpened\"\n    );\n    await menuBtn.click();\n    await page.waitForChanges();\n\n    let menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).not.toBeNull();\n    expect(icNavigationMenuOpened).toHaveReceivedEvent();\n\n    const icNavigationMenuClosed = await page.spyOnEvent(\n      \"icNavigationMenuClosed\"\n    );\n\n    const navItem = await page.find(\"ic-navigation-item\");\n    await page.waitForTimeout(5000);\n    await navItem.click();\n    await page.waitForChanges();\n\n    menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).toBeNull();\n    expect(icNavigationMenuClosed).toHaveReceivedEvent();\n  });\n\n  it(\"should keep tab focus in menu - button as last el\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\">\n      <ic-navigation-button\n        label=\"button1\"\n        slot=\"buttons\"\n        onclick=\"alert('test')\"\n      >\n        <svg\n          slot=\"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-button>\n    </ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const menuBtn = await page.find(\n      \"ic-top-navigation >>> .menu-button-container ic-button\"\n    );\n    expect(menuBtn).not.toBeNull();\n\n    await menuBtn.click();\n    await page.waitForChanges();\n    const menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).not.toBeNull();\n\n    let activeElId = await page.$eval(\"ic-top-navigation\", (el) => {\n      const menu = el.shadowRoot.querySelector(\"ic-navigation-menu\");\n      return menu.shadowRoot.activeElement.id;\n    });\n\n    expect(activeElId).toBe(\"menu-close-button\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-navigation-button\", (el) => {\n      const button = el.shadowRoot.querySelector(\"ic-button\");\n      return button.shadowRoot.activeElement.getAttribute(\"aria-label\");\n    });\n\n    expect(activeElId).toBe(\"button1\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-top-navigation\", (el) => {\n      const menu = el.shadowRoot.querySelector(\"ic-navigation-menu\");\n      return menu.shadowRoot.activeElement.id;\n    });\n\n    expect(activeElId).toBe(\"menu-close-button\");\n\n    page.keyboard.down(\"Shift\");\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-navigation-button\", (el) => {\n      const button = el.shadowRoot.querySelector(\"ic-button\");\n      return button.shadowRoot.activeElement.getAttribute(\"aria-label\");\n    });\n\n    expect(activeElId).toBe(\"button1\");\n  });\n\n  it(\"should keep tab focus in menu - nav item as last el\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\">\n    <ic-navigation-item\n      label=\"Navigation\"\n      href=\"/\"\n      slot=\"navigation\"\n    ></ic-navigation-item>  \n    </ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const menuBtn = await page.find(\n      \"ic-top-navigation >>> .menu-button-container ic-button\"\n    );\n    expect(menuBtn).not.toBeNull();\n\n    await menuBtn.click();\n    await page.waitForChanges();\n    const menu = await page.find(\"ic-top-navigation >>> ic-navigation-menu\");\n    expect(menu).not.toBeNull();\n\n    let activeElId = await page.$eval(\"ic-top-navigation\", (el) => {\n      const menu = el.shadowRoot.querySelector(\"ic-navigation-menu\");\n      return menu.shadowRoot.activeElement.id;\n    });\n\n    expect(activeElId).toBe(\"menu-close-button\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-navigation-item\", (el) => {\n      return el.shadowRoot.activeElement.textContent;\n    });\n\n    expect(activeElId).toBe(\"Navigation\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-top-navigation\", (el) => {\n      const menu = el.shadowRoot.querySelector(\"ic-navigation-menu\");\n      return menu.shadowRoot.activeElement.id;\n    });\n\n    expect(activeElId).toBe(\"menu-close-button\");\n\n    page.keyboard.down(\"Shift\");\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElId = await page.$eval(\"ic-navigation-item\", (el) => {\n      return el.shadowRoot.activeElement.textContent;\n    });\n\n    expect(activeElId).toBe(\"Navigation\");\n  });\n\n  it(\"should toggle search bar when clicking on button\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n    version=\"v0.0.7\">\n    <ic-search-bar slot=\"search\" label=\"Search\" placeholder=\"Search\" focusOnLoad=\"true\"></ic-search-bar>\n    </ic-top-navigation>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const searchBtn = await page.find(\n      \"ic-top-navigation >>> .search-actions-container ic-button\"\n    );\n    expect(searchBtn).not.toBeNull();\n\n    await searchBtn.click();\n    await page.waitForChanges();\n\n    let searchBarHeight = await page.$eval(\"ic-search-bar\", (el) => {\n      return el.clientHeight;\n    });\n\n    expect(searchBarHeight).toBe(searchBarVisibleHeight);\n\n    await searchBtn.click();\n    await page.waitForChanges();\n\n    searchBarHeight = await page.$eval(\"ic-search-bar\", (el) => {\n      return el.clientHeight;\n    });\n\n    expect(searchBarHeight).toBe(searchBarHiddenHeight);\n  });\n\n  it(\"should hide search bar when loses focus\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-top-navigation app-title=\"ApplicationName\" status=\"alpha\"\n      version=\"v0.0.7\">\n        <ic-search-bar slot=\"search\" label=\"Search\" placeholder=\"Search\" focusOnLoad=\"true\"></ic-search-bar>\n      </ic-top-navigation>\n      <span id='othercontent'>some other content</span>`);\n\n    await page.setViewport({\n      width: pageWidth,\n      height: pageHeight,\n    });\n\n    const searchBtn = await page.find(\n      \"ic-top-navigation >>> .search-actions-container ic-button\"\n    );\n    expect(searchBtn).not.toBeNull();\n\n    await searchBtn.click();\n    await page.waitForChanges();\n\n    let searchBarHeight = await page.$eval(\"ic-search-bar\", (el) => {\n      return el.clientHeight;\n    });\n\n    expect(searchBarHeight).toBe(searchBarVisibleHeight);\n\n    // Test hides when another page element clicked\n    const spanEl = await page.find(\"#othercontent\");\n    await spanEl.click();\n    await page.waitForChanges();\n\n    searchBarHeight = await page.$eval(\"ic-search-bar\", (el) => {\n      return el.clientHeight;\n    });\n\n    expect(searchBarHeight).toBe(searchBarHiddenHeight);\n  });\n});\n"]}