@ukic/web-components 3.0.0-alpha.9 → 3.1.0

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

@@ -1,309 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { waitForNavGroupLoad } from "../../../../testspec.setup";
-import { NavigationItem } from "../../../ic-navigation-item/ic-navigation-item";
-import { SideNavigation } from "../../../ic-side-navigation/ic-side-navigation";
-import { TopNavigation } from "../../../ic-top-navigation/ic-top-navigation";
-import { DEVICE_SIZES } from "../../../../utils/helpers";
-import { NavigationGroup } from "./../../ic-navigation-group";
-import * as helpers from "../../../../utils/helpers";
-import { waitForTimeout } from "../../../../testspec.setup";
-const ev = {
-    relatedTarget: {
-        nodeName: "IC-NAVIGATION-GROUP",
-    },
-    target: {
-        nodeName: "IC-NAVIGATION-GROUP",
-    },
-};
-const timeOut = 1000;
-describe("ic-navigation-group", () => {
-    it("should render with label", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup],
-            html: `<ic-navigation-group label="Group label"></ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        expect(page.root).toMatchSnapshot("renders-with-label");
-    });
-    it("should test handleMouseEnter", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup],
-            html: `<ic-navigation-group label="Group label"></ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        page.rootInstance.mouseGate = true;
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        await page.rootInstance.handleMouseEnter(ev);
-        await waitForTimeout(timeOut);
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(true);
-        await page.rootInstance.hideDropdown();
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        ev.relatedTarget.nodeName = "ANOTHER-NAME";
-        page.rootInstance.mouseGate = false;
-        await page.rootInstance.handleMouseEnter(ev);
-        await waitForTimeout(timeOut);
-        await page.waitForChanges();
-        expect(page.rootInstance.mouseGate).toBe(true);
-        jest.spyOn(document, "addEventListener");
-        await page.rootInstance.handleMouseEnter(ev);
-        await waitForTimeout(timeOut);
-        await page.waitForChanges();
-        expect(document.addEventListener).toHaveBeenCalledTimes(1);
-        await page.rootInstance.showDropdown();
-        await page.waitForChanges();
-        await page.rootInstance.childBlurHandler();
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        await page.rootInstance.showDropdown();
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(true);
-        await page.rootInstance.navItemClickHandler();
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        ev.relatedTarget.nodeName = "IC-NAVIGATION-GROUP";
-    });
-    it("should test toggleExpanded", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup, NavigationItem],
-            html: `<ic-navigation-group label="Group label">
-        <ic-navigation-item href="/" label="Home"></ic-navigation-item>
-      </ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        expect(page.rootInstance.expanded).toBe(true);
-        await page.rootInstance.toggleExpanded();
-        await page.waitForChanges();
-        expect(page.rootInstance.expanded).toBe(false);
-        await page.rootInstance.toggleExpanded();
-        await page.waitForChanges();
-        expect(page.rootInstance.expanded).toBe(true);
-    });
-    it("should test click handler", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup, NavigationItem],
-            html: `<ic-navigation-group label="Group label">
-        <ic-navigation-item href="/" label="Home"></ic-navigation-item>
-      </ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        expect(page.rootInstance.expanded).toBe(true);
-        await page.rootInstance.handleClick();
-        await page.waitForChanges();
-        expect(page.rootInstance.expanded).toBe(false);
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        page.rootInstance.navigationType = "top";
-        await page.rootInstance.handleClick({ detail: { something: "set" } });
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(true);
-    });
-    it("should test top nav key down handler", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup, NavigationItem],
-            html: `<ic-navigation-group label="Group label">
-        <ic-navigation-item href="/" label="Home"></ic-navigation-item>
-      </ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        await page.rootInstance.showDropdown();
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(true);
-        await page.rootInstance.handleTopNavKeydown({ key: "Escape" });
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        await page.rootInstance.handleTopNavKeydown({ key: "Enter" });
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(true);
-    });
-    it("should test handleBlur function", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup, NavigationItem],
-            html: `<ic-navigation-group label="Group label">
-      <ic-navigation-item href="/" label="Home"></ic-navigation-item>
-      <ic-navigation-item href="/" label="andAway"></ic-navigation-item>
-      <ic-navigation-item href="/" label="closerEachDay"></ic-navigation-item>
-      </ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        await page.rootInstance.showDropdown();
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(true);
-        await page.rootInstance.handleBlur(ev);
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-    });
-    it("should test handleMouseLeave function", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup, NavigationItem],
-            html: `<ic-navigation-group label="Group label">
-        <ic-navigation-item href="/" label="Home"></ic-navigation-item>
-        <ic-navigation-item href="/" label="andAway"></ic-navigation-item>
-      </ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        ev.target.nodeName = "IC-NOT-NAV-GROUP";
-        await page.rootInstance.showDropdown();
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(true);
-        await page.rootInstance.handleMouseLeave(ev);
-        await waitForTimeout(600);
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        // check other branch of 'if'
-        ev.relatedTarget.nodeName = "IC-NOT-NAV-GROUP";
-        await page.rootInstance.showDropdown();
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(true);
-        await page.rootInstance.handleMouseLeave(ev);
-        await waitForTimeout(timeOut);
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        // check if null value called
-        await page.rootInstance.handleMouseLeave(ev);
-        await waitForTimeout(timeOut);
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        ev.relatedTarget.nodeName = "IC-NAVIGATION-GROUP";
-        ev.target.nodeName = "IC-NAVIGATION-GROUP";
-    });
-    it("should test key down handler", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup, NavigationItem],
-            html: `<ic-navigation-group label="Group label">
-        <ic-navigation-item href="/" label="Home"></ic-navigation-item>
-      </ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        expect(page.rootInstance.expanded).toBe(true);
-        await page.rootInstance.handleKeydown({ key: "Enter" });
-        await page.waitForChanges();
-        expect(page.rootInstance.expanded).toBe(false);
-        page.rootInstance.navigationType = "side";
-        await page.rootInstance.handleKeydown({
-            key: " ",
-            preventDefault: () => null,
-        });
-        await page.waitForChanges();
-        await waitForTimeout(600);
-        expect(page.rootInstance.expanded).toBe(true);
-        expect(page.rootInstance.dropdownOpen).toBe(false);
-        page.rootInstance.navigationType = "top";
-        await page.waitForChanges();
-        await page.rootInstance.handleKeydown({ key: "Enter" });
-        await page.waitForChanges();
-        expect(page.rootInstance.dropdownOpen).toBe(true);
-    });
-    it("should test brand change", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup],
-            html: `<ic-navigation-group label="Group label"></ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        await page.rootInstance.brandChangeHandler({ detail: { mode: "dark" } });
-        await page.waitForChanges();
-        expect(page.rootInstance.focusStyle).toBe("dark");
-        await page.rootInstance.brandChangeHandler({ detail: { mode: "light" } });
-        await page.waitForChanges();
-        expect(page.rootInstance.focusStyle).toBe("light");
-    });
-    it("should test inside side navigation", async () => {
-        const page = await newSpecPage({
-            components: [SideNavigation, NavigationGroup, NavigationItem],
-            html: `<ic-side-navigation version="v0.0.0" app-title="ACME" status="BETA" collapsed-icon-labels="true">
-      <ic-navigation-group
-            slot="primary-navigation"
-            label="Second navigation group"
-            expandable="true"
-          >
-        <ic-navigation-item href="/" label="Home"></ic-navigation-item>
-      </ic-navigation-group>
-    </ic-side-navigation>`,
-        });
-        await waitForNavGroupLoad();
-        // test disconnected callback
-        page.setContent("");
-    });
-    it("should test top nav resize handler", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup],
-            html: `<ic-navigation-group label="Group label"></ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        await page.rootInstance.topNavResizedHandler({
-            detail: { size: DEVICE_SIZES.S },
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.S);
-        expect(page.rootInstance.inTopNavSideMenu).toBe(true);
-    });
-    it("should test side nav expand handler", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup],
-            html: `<ic-navigation-group label="Group label"></ic-navigation-group>`,
-        });
-        const eventSpy = jest.fn();
-        page.win.addEventListener("waitForNavGroupLoad", eventSpy);
-        await page.waitForChanges();
-        await waitForNavGroupLoad();
-        const style = page.root.shadowRoot
-            .querySelector(".grouped-links-wrapper")
-            .getAttribute("style");
-        expect(style).toBe("--navigation-child-items-height: 0px;");
-    });
-    it("should test setting nav item tab index", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup, NavigationItem],
-            html: `<ic-navigation-group
-            label="Navigation group"
-          >
-        <ic-navigation-item href="/" label="Home"></ic-navigation-item>
-      </ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        let navItemLink = page.root
-            .querySelector("ic-navigation-item")
-            .shadowRoot.querySelector("a");
-        expect(navItemLink.tabIndex).toBe(-1);
-        await page.rootInstance.setGroupedNavItemTabIndex("0");
-        await page.waitForChanges();
-        navItemLink = page.root
-            .querySelector("ic-navigation-item")
-            .shadowRoot.querySelector("a");
-        expect(navItemLink.tabIndex).toBe(0);
-    });
-    it("should call other methods ", async () => {
-        const page = await newSpecPage({
-            components: [NavigationGroup],
-            html: `<ic-navigation-group label="Group label"></ic-navigation-group>`,
-        });
-        await waitForNavGroupLoad();
-        await page.root.setFocus();
-    });
-    // NOTE: This must go last as mocks getCurrentDeviceSize function, which will apply to all subsequent tests
-    it("should test inside top navigation", async () => {
-        const myfunc = jest.fn().mockReturnValue(DEVICE_SIZES.S);
-        Object.defineProperty(helpers, "getCurrentDeviceSize", {
-            value: myfunc,
-        });
-        const page = await newSpecPage({
-            components: [TopNavigation, NavigationGroup, NavigationItem],
-            html: `<ic-top-navigation
-        app-title="ApplicationName"
-      >
-        <ic-navigation-group
-          slot="navigation"
-          label="Navigation group"
-          expandable="true"
-        >
-          <ic-navigation-item label="Navigation 1" href="/"></ic-navigation-item>
-        </ic-navigation-group>
-      </ic-top-navigation>`,
-        });
-        await waitForNavGroupLoad();
-        // test disconnected callback
-        page.setContent("");
-    });
-});
-//# sourceMappingURL=ic-navigation-group.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-navigation-group.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-navigation-group/test/basic/ic-navigation-group.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { waitForNavGroupLoad } from \"../../../../testspec.setup\";\nimport { NavigationItem } from \"../../../ic-navigation-item/ic-navigation-item\";\nimport { SideNavigation } from \"../../../ic-side-navigation/ic-side-navigation\";\nimport { TopNavigation } from \"../../../ic-top-navigation/ic-top-navigation\";\nimport { DEVICE_SIZES } from \"../../../../utils/helpers\";\nimport { NavigationGroup } from \"./../../ic-navigation-group\";\nimport * as helpers from \"../../../../utils/helpers\";\nimport { waitForTimeout } from \"../../../../testspec.setup\";\n\nconst ev = {\n  relatedTarget: {\n    nodeName: \"IC-NAVIGATION-GROUP\",\n  },\n  target: {\n    nodeName: \"IC-NAVIGATION-GROUP\",\n  },\n};\n\nconst timeOut = 1000;\n\ndescribe(\"ic-navigation-group\", () => {\n  it(\"should render with label\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup],\n      html: `<ic-navigation-group label=\"Group label\"></ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n    expect(page.root).toMatchSnapshot(\"renders-with-label\");\n  });\n\n  it(\"should test handleMouseEnter\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup],\n      html: `<ic-navigation-group label=\"Group label\"></ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n    page.rootInstance.mouseGate = true;\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n    await page.rootInstance.handleMouseEnter(ev);\n    await waitForTimeout(timeOut);\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(true);\n    await page.rootInstance.hideDropdown();\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n\n    ev.relatedTarget.nodeName = \"ANOTHER-NAME\";\n    page.rootInstance.mouseGate = false;\n    await page.rootInstance.handleMouseEnter(ev);\n    await waitForTimeout(timeOut);\n    await page.waitForChanges();\n    expect(page.rootInstance.mouseGate).toBe(true);\n\n    jest.spyOn(document, \"addEventListener\");\n\n    await page.rootInstance.handleMouseEnter(ev);\n    await waitForTimeout(timeOut);\n    await page.waitForChanges();\n\n    expect(document.addEventListener).toHaveBeenCalledTimes(1);\n\n    await page.rootInstance.showDropdown();\n    await page.waitForChanges();\n\n    await page.rootInstance.childBlurHandler();\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n\n    await page.rootInstance.showDropdown();\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(true);\n\n    await page.rootInstance.navItemClickHandler();\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n    ev.relatedTarget.nodeName = \"IC-NAVIGATION-GROUP\";\n  });\n\n  it(\"should test toggleExpanded\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup, NavigationItem],\n      html: `<ic-navigation-group label=\"Group label\">\n        <ic-navigation-item href=\"/\" label=\"Home\"></ic-navigation-item>\n      </ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n\n    expect(page.rootInstance.expanded).toBe(true);\n    await page.rootInstance.toggleExpanded();\n    await page.waitForChanges();\n    expect(page.rootInstance.expanded).toBe(false);\n    await page.rootInstance.toggleExpanded();\n    await page.waitForChanges();\n    expect(page.rootInstance.expanded).toBe(true);\n  });\n\n  it(\"should test click handler\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup, NavigationItem],\n      html: `<ic-navigation-group label=\"Group label\">\n        <ic-navigation-item href=\"/\" label=\"Home\"></ic-navigation-item>\n      </ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n\n    expect(page.rootInstance.expanded).toBe(true);\n    await page.rootInstance.handleClick();\n    await page.waitForChanges();\n    expect(page.rootInstance.expanded).toBe(false);\n\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n    page.rootInstance.navigationType = \"top\";\n    await page.rootInstance.handleClick({ detail: { something: \"set\" } });\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(true);\n  });\n\n  it(\"should test top nav key down handler\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup, NavigationItem],\n      html: `<ic-navigation-group label=\"Group label\">\n        <ic-navigation-item href=\"/\" label=\"Home\"></ic-navigation-item>\n      </ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n    await page.rootInstance.showDropdown();\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(true);\n    await page.rootInstance.handleTopNavKeydown({ key: \"Escape\" });\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n    await page.rootInstance.handleTopNavKeydown({ key: \"Enter\" });\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(true);\n  });\n\n  it(\"should test handleBlur function\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup, NavigationItem],\n      html: `<ic-navigation-group label=\"Group label\">\n      <ic-navigation-item href=\"/\" label=\"Home\"></ic-navigation-item>\n      <ic-navigation-item href=\"/\" label=\"andAway\"></ic-navigation-item>\n      <ic-navigation-item href=\"/\" label=\"closerEachDay\"></ic-navigation-item>\n      </ic-navigation-group>`,\n    });\n\n    await waitForNavGroupLoad();\n    await page.rootInstance.showDropdown();\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(true);\n    await page.rootInstance.handleBlur(ev);\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n  });\n\n  it(\"should test handleMouseLeave function\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup, NavigationItem],\n      html: `<ic-navigation-group label=\"Group label\">\n        <ic-navigation-item href=\"/\" label=\"Home\"></ic-navigation-item>\n        <ic-navigation-item href=\"/\" label=\"andAway\"></ic-navigation-item>\n      </ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n    ev.target.nodeName = \"IC-NOT-NAV-GROUP\";\n\n    await page.rootInstance.showDropdown();\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(true);\n    await page.rootInstance.handleMouseLeave(ev);\n    await waitForTimeout(600);\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n    // check other branch of 'if'\n    ev.relatedTarget.nodeName = \"IC-NOT-NAV-GROUP\";\n    await page.rootInstance.showDropdown();\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(true);\n    await page.rootInstance.handleMouseLeave(ev);\n    await waitForTimeout(timeOut);\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n    // check if null value called\n    await page.rootInstance.handleMouseLeave(ev);\n    await waitForTimeout(timeOut);\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n    ev.relatedTarget.nodeName = \"IC-NAVIGATION-GROUP\";\n    ev.target.nodeName = \"IC-NAVIGATION-GROUP\";\n  });\n\n  it(\"should test key down handler\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup, NavigationItem],\n      html: `<ic-navigation-group label=\"Group label\">\n        <ic-navigation-item href=\"/\" label=\"Home\"></ic-navigation-item>\n      </ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n\n    expect(page.rootInstance.expanded).toBe(true);\n    await page.rootInstance.handleKeydown({ key: \"Enter\" });\n    await page.waitForChanges();\n    expect(page.rootInstance.expanded).toBe(false);\n\n    page.rootInstance.navigationType = \"side\";\n    await page.rootInstance.handleKeydown({\n      key: \" \",\n      preventDefault: (): void => null,\n    });\n    await page.waitForChanges();\n    await waitForTimeout(600);\n    expect(page.rootInstance.expanded).toBe(true);\n\n    expect(page.rootInstance.dropdownOpen).toBe(false);\n    page.rootInstance.navigationType = \"top\";\n    await page.waitForChanges();\n    await page.rootInstance.handleKeydown({ key: \"Enter\" });\n    await page.waitForChanges();\n    expect(page.rootInstance.dropdownOpen).toBe(true);\n  });\n\n  it(\"should test brand change\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup],\n      html: `<ic-navigation-group label=\"Group label\"></ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n    await page.rootInstance.brandChangeHandler({ detail: { mode: \"dark\" } });\n    await page.waitForChanges();\n    expect(page.rootInstance.focusStyle).toBe(\"dark\");\n\n    await page.rootInstance.brandChangeHandler({ detail: { mode: \"light\" } });\n    await page.waitForChanges();\n    expect(page.rootInstance.focusStyle).toBe(\"light\");\n  });\n\n  it(\"should test inside side navigation\", async () => {\n    const page = await newSpecPage({\n      components: [SideNavigation, NavigationGroup, NavigationItem],\n      html: `<ic-side-navigation version=\"v0.0.0\" app-title=\"ACME\" status=\"BETA\" collapsed-icon-labels=\"true\">\n      <ic-navigation-group\n            slot=\"primary-navigation\"\n            label=\"Second navigation group\"\n            expandable=\"true\"\n          >\n        <ic-navigation-item href=\"/\" label=\"Home\"></ic-navigation-item>\n      </ic-navigation-group>\n    </ic-side-navigation>`,\n    });\n    await waitForNavGroupLoad();\n\n    // test disconnected callback\n    page.setContent(\"\");\n  });\n\n  it(\"should test top nav resize handler\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup],\n      html: `<ic-navigation-group label=\"Group label\"></ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n\n    await page.rootInstance.topNavResizedHandler({\n      detail: { size: DEVICE_SIZES.S },\n    });\n    await page.waitForChanges();\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.S);\n    expect(page.rootInstance.inTopNavSideMenu).toBe(true);\n  });\n\n  it(\"should test side nav expand handler\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup],\n      html: `<ic-navigation-group label=\"Group label\"></ic-navigation-group>`,\n    });\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"waitForNavGroupLoad\", eventSpy);\n    await page.waitForChanges();\n    await waitForNavGroupLoad();\n    const style = page.root.shadowRoot\n      .querySelector(\".grouped-links-wrapper\")\n      .getAttribute(\"style\");\n    expect(style).toBe(\"--navigation-child-items-height: 0px;\");\n  });\n\n  it(\"should test setting nav item tab index\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup, NavigationItem],\n      html: `<ic-navigation-group\n            label=\"Navigation group\"\n          >\n        <ic-navigation-item href=\"/\" label=\"Home\"></ic-navigation-item>\n      </ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n\n    let navItemLink = page.root\n      .querySelector(\"ic-navigation-item\")\n      .shadowRoot.querySelector(\"a\");\n    expect(navItemLink.tabIndex).toBe(-1);\n\n    await page.rootInstance.setGroupedNavItemTabIndex(\"0\");\n    await page.waitForChanges();\n    navItemLink = page.root\n      .querySelector(\"ic-navigation-item\")\n      .shadowRoot.querySelector(\"a\");\n\n    expect(navItemLink.tabIndex).toBe(0);\n  });\n\n  it(\"should call other methods \", async () => {\n    const page = await newSpecPage({\n      components: [NavigationGroup],\n      html: `<ic-navigation-group label=\"Group label\"></ic-navigation-group>`,\n    });\n    await waitForNavGroupLoad();\n    await page.root.setFocus();\n  });\n\n  // NOTE: This must go last as mocks getCurrentDeviceSize function, which will apply to all subsequent tests\n  it(\"should test inside top navigation\", async () => {\n    const myfunc = jest.fn().mockReturnValue(DEVICE_SIZES.S);\n    Object.defineProperty(helpers, \"getCurrentDeviceSize\", {\n      value: myfunc,\n    });\n\n    const page = await newSpecPage({\n      components: [TopNavigation, NavigationGroup, NavigationItem],\n      html: `<ic-top-navigation\n        app-title=\"ApplicationName\"\n      >\n        <ic-navigation-group\n          slot=\"navigation\"\n          label=\"Navigation group\"\n          expandable=\"true\"\n        >\n          <ic-navigation-item label=\"Navigation 1\" href=\"/\"></ic-navigation-item>\n        </ic-navigation-group>\n      </ic-top-navigation>`,\n    });\n    await waitForNavGroupLoad();\n\n    // test disconnected callback\n    page.setContent(\"\");\n  });\n});\n"]}

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

@@ -1,130 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { DEVICE_SIZES } from "../../../../utils/helpers";
-import { NavigationItem } from "../../ic-navigation-item";
-import { TopNavigation } from "../../../ic-top-navigation/ic-top-navigation";
-import { PageHeader } from "../../../ic-page-header/ic-page-header";
-import * as helpers from "../../../../utils/helpers";
-describe("ic-navigation-item", () => {
-    it("should render with label", async () => {
-        const page = await newSpecPage({
-            components: [NavigationItem],
-            html: `<ic-navigation-item label="Item label"></ic-navigation-item>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-label");
-    });
-    it("should render with aria-label", async () => {
-        const page = await newSpecPage({
-            components: [NavigationItem],
-            html: `<ic-navigation-item href="#link" label="Item label" aria-label="navigation item description"></ic-navigation-item>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-aria-label");
-        page.root.setAttribute("aria-label", "New item description");
-        await page.waitForChanges();
-        page.rootInstance.hostMutationCallback([{ attributeName: "aria-label" }]);
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("renders-with-new-aria-label");
-    });
-    it("should test brand change", async () => {
-        const page = await newSpecPage({
-            components: [NavigationItem],
-            html: `<ic-navigation-item label="Item label"></ic-navigation-item>`,
-        });
-        await page.rootInstance.brandChangeHandler({ detail: { mode: "dark" } });
-        await page.waitForChanges();
-        expect(page.rootInstance.focusStyle).toBe("dark");
-        await page.rootInstance.brandChangeHandler({ detail: { mode: "light" } });
-        await page.waitForChanges();
-        expect(page.rootInstance.focusStyle).toBe("light");
-    });
-    it("should test top nav resize handler", async () => {
-        const page = await newSpecPage({
-            components: [NavigationItem],
-            html: `<ic-navigation-item label="Item label"></ic-navigation-item>`,
-        });
-        await page.rootInstance.topNavResizedHandler({
-            detail: { size: DEVICE_SIZES.S },
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.S);
-        expect(page.rootInstance.inTopNavSideMenu).toBe(true);
-    });
-    it("should test side nav expand handler", async () => {
-        const page = await newSpecPage({
-            components: [NavigationItem],
-            html: `<ic-navigation-item label="Item label"></ic-navigation-item>`,
-        });
-        await page.rootInstance.setFocus();
-        await page.rootInstance.sideNavExpandHandler({
-            detail: { sideNavExpanded: true, sideNavMobile: true },
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.sideNavExpanded).toBe(true);
-        expect(page.rootInstance.isSideNavMobile).toBe(true);
-    });
-    it("should test private methods", async () => {
-        const page = await newSpecPage({
-            components: [NavigationItem],
-            html: `<ic-navigation-item label="Item label"></ic-navigation-item>`,
-        });
-        page.root.click();
-    });
-    it("should test inside side navigation", async () => {
-        const page = await newSpecPage({
-            components: [TopNavigation, NavigationItem],
-            html: `<ic-side-navigation version="v0.0.0" app-title="ACME" status="BETA" collapsed-icon-labels="true">
-      <ic-navigation-item slot="primary-navigation" href="/" label="Home">
-      </ic-navigation-item>
-    </ic-side-navigation>`,
-        });
-        await page.waitForChanges();
-        await new Promise((r) => setTimeout(r, 2000));
-        // test disconnected callback
-        page.setContent("");
-    });
-    it("should render inside page header", async () => {
-        const page = await newSpecPage({
-            components: [PageHeader, NavigationItem],
-            html: `
-      <ic-page-header heading="Coffee recipes" subheading="This is a simple page header component and this is the text.">
-        <ic-status-tag slot="heading-adornment" label="Beta"></ic-status-tag>
-        <ic-navigation-item
-          slot="tabs"
-          label="All recipes"
-          href="/all-recipes"
-          selected
-        ></ic-navigation-item>
-        <ic-navigation-item
-          slot="tabs"
-          label="Favourites"
-          href="/favourites"
-        ></ic-navigation-item>
-      </ic-page-header>`,
-        });
-        await page.waitForChanges();
-        await new Promise((r) => setTimeout(r, 2000));
-        // test disconnected callback
-        page.setContent("");
-    });
-    // NOTE: This must go last as mocks getCurrentDeviceSize function, which will apply to all subsequent tests
-    it("should test inside top navigation", async () => {
-        const myfunc = jest.fn().mockReturnValue(DEVICE_SIZES.S);
-        Object.defineProperty(helpers, "getCurrentDeviceSize", {
-            value: myfunc,
-        });
-        const page = await newSpecPage({
-            components: [TopNavigation, NavigationItem],
-            html: `<ic-top-navigation
-        app-title="ApplicationName"
-        status="alpha"
-        version="v0.0.7"
-      >
-        <ic-navigation-item slot="navigation" label="Navigation 1" href="/"></ic-navigation-item>
-      </ic-top-navigation>`,
-        });
-        await page.waitForChanges();
-        await new Promise((r) => setTimeout(r, 2000));
-        // test disconnected callback
-        page.setContent("");
-    });
-});
-//# sourceMappingURL=ic-navigation-item.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-navigation-item.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-navigation-item/test/basic/ic-navigation-item.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { DEVICE_SIZES } from \"../../../../utils/helpers\";\nimport { NavigationItem } from \"../../ic-navigation-item\";\nimport { TopNavigation } from \"../../../ic-top-navigation/ic-top-navigation\";\nimport { PageHeader } from \"../../../ic-page-header/ic-page-header\";\nimport * as helpers from \"../../../../utils/helpers\";\n\ndescribe(\"ic-navigation-item\", () => {\n  it(\"should render with label\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationItem],\n      html: `<ic-navigation-item label=\"Item label\"></ic-navigation-item>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders-with-label\");\n  });\n\n  it(\"should render with aria-label\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationItem],\n      html: `<ic-navigation-item href=\"#link\" label=\"Item label\" aria-label=\"navigation item description\"></ic-navigation-item>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders-with-aria-label\");\n\n    page.root.setAttribute(\"aria-label\", \"New item description\");\n    await page.waitForChanges();\n\n    page.rootInstance.hostMutationCallback([{ attributeName: \"aria-label\" }]);\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot(\"renders-with-new-aria-label\");\n  });\n\n  it(\"should test brand change\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationItem],\n      html: `<ic-navigation-item label=\"Item label\"></ic-navigation-item>`,\n    });\n\n    await page.rootInstance.brandChangeHandler({ detail: { mode: \"dark\" } });\n    await page.waitForChanges();\n    expect(page.rootInstance.focusStyle).toBe(\"dark\");\n\n    await page.rootInstance.brandChangeHandler({ detail: { mode: \"light\" } });\n    await page.waitForChanges();\n    expect(page.rootInstance.focusStyle).toBe(\"light\");\n  });\n\n  it(\"should test top nav resize handler\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationItem],\n      html: `<ic-navigation-item label=\"Item label\"></ic-navigation-item>`,\n    });\n\n    await page.rootInstance.topNavResizedHandler({\n      detail: { size: DEVICE_SIZES.S },\n    });\n    await page.waitForChanges();\n    expect(page.rootInstance.deviceSize).toBe(DEVICE_SIZES.S);\n    expect(page.rootInstance.inTopNavSideMenu).toBe(true);\n  });\n\n  it(\"should test side nav expand handler\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationItem],\n      html: `<ic-navigation-item label=\"Item label\"></ic-navigation-item>`,\n    });\n\n    await page.rootInstance.setFocus();\n    await page.rootInstance.sideNavExpandHandler({\n      detail: { sideNavExpanded: true, sideNavMobile: true },\n    });\n    await page.waitForChanges();\n    expect(page.rootInstance.sideNavExpanded).toBe(true);\n    expect(page.rootInstance.isSideNavMobile).toBe(true);\n  });\n\n  it(\"should test private methods\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationItem],\n      html: `<ic-navigation-item label=\"Item label\"></ic-navigation-item>`,\n    });\n\n    page.root.click();\n  });\n\n  it(\"should test inside side navigation\", async () => {\n    const page = await newSpecPage({\n      components: [TopNavigation, NavigationItem],\n      html: `<ic-side-navigation version=\"v0.0.0\" app-title=\"ACME\" status=\"BETA\" collapsed-icon-labels=\"true\">\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\n      </ic-navigation-item>\n    </ic-side-navigation>`,\n    });\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n\n    // test disconnected callback\n    page.setContent(\"\");\n  });\n\n  it(\"should render inside page header\", async () => {\n    const page = await newSpecPage({\n      components: [PageHeader, NavigationItem],\n      html: `\n      <ic-page-header heading=\"Coffee recipes\" subheading=\"This is a simple page header component and this is the text.\">\n        <ic-status-tag slot=\"heading-adornment\" label=\"Beta\"></ic-status-tag>\n        <ic-navigation-item\n          slot=\"tabs\"\n          label=\"All recipes\"\n          href=\"/all-recipes\"\n          selected\n        ></ic-navigation-item>\n        <ic-navigation-item\n          slot=\"tabs\"\n          label=\"Favourites\"\n          href=\"/favourites\"\n        ></ic-navigation-item>\n      </ic-page-header>`,\n    });\n\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n\n    // test disconnected callback\n    page.setContent(\"\");\n  });\n\n  // NOTE: This must go last as mocks getCurrentDeviceSize function, which will apply to all subsequent tests\n  it(\"should test inside top navigation\", async () => {\n    const myfunc = jest.fn().mockReturnValue(DEVICE_SIZES.S);\n    Object.defineProperty(helpers, \"getCurrentDeviceSize\", {\n      value: myfunc,\n    });\n\n    const page = await newSpecPage({\n      components: [TopNavigation, NavigationItem],\n      html: `<ic-top-navigation\n        app-title=\"ApplicationName\"\n        status=\"alpha\"\n        version=\"v0.0.7\"\n      >\n        <ic-navigation-item slot=\"navigation\" label=\"Navigation 1\" href=\"/\"></ic-navigation-item>\n      </ic-top-navigation>`,\n    });\n    await page.waitForChanges();\n    await new Promise((r) => setTimeout(r, 2000));\n\n    // test disconnected callback\n    page.setContent(\"\");\n  });\n});\n"]}