@ukic/web-components 3.0.0-alpha.11 → 3.0.0-alpha.13

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

@@ -1,398 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { MenuItem } from "../../../ic-menu-item/ic-menu-item";
-import { PopoverMenu } from "../../ic-popover-menu";
-import { waitForTimeout } from "../../../../testspec.setup";
-import { MenuGroup } from "../../../ic-menu-group/ic-menu-group";
-import { Dialog } from "../../../ic-dialog/ic-dialog";
-describe("ic-popover-menu", () => {
-    it("should render with anchor", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button><ic-popover-menu anchor="anchorEl" aria-label="popover-menu"><ic-menu-item label="Button 1"></ic-menu-item></ic-popover-menu>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with anchor");
-    });
-    it("should render when anchor starts with #", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button><ic-popover-menu anchor="#anchorEl" aria-label="popover-menu"><ic-menu-item label="Button 1"></ic-menu-item></ic-popover-menu>`,
-        });
-        expect(page.root).toMatchSnapshot("should render when target starts with #");
-    });
-    it("should render a menu item and menu group", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem, MenuGroup],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-group label="Button group">
-      <ic-menu-item label="Group button 1" variant="destructive"></ic-menu-item>
-      <ic-menu-item label="Group button 2"></ic-menu-item>
-      </ic-menu-group>
-      </ic-popover-menu>
-      `,
-        });
-        expect(page.root).toMatchSnapshot("should render a menu item and menu group");
-    });
-    it("should render a back button when submenu-id is set", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu" submenu-id="submenu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        expect(page.root).toMatchSnapshot("should render a back button when submenu-id is set");
-    });
-    it("should render on a dialog", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem, Dialog],
-            html: `<ic-dialog>
-      <ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu" open="true">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>
-      </ic-dialog>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should set openingFromChild to true when openFromChild method is called", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu" submenu-id="submenu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        await page.root.openFromChild();
-        await page.waitForChanges();
-        expect(page.rootInstance.openingFromChild).toBeTruthy();
-        expect(page.rootInstance.open).toBeTruthy();
-        await waitForTimeout(1000);
-        expect(page.rootInstance.openingFromChild).toBeFalsy();
-    });
-    it("should set openingFromParent to true when openFromParent method is called", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1" submenu-trigger-for="submenu" id="trigger-button"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>
-      <ic-popover-menu submenu-id="submenu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        await page.root.openFromParent();
-        await page.waitForChanges();
-        expect(page.rootInstance.openingFromParent).toBeTruthy();
-        expect(page.rootInstance.open).toBeTruthy();
-        await waitForTimeout(1000);
-        expect(page.rootInstance.openingFromParent).toBeFalsy();
-    });
-    it("should add focusable menu items to the list of focusable elements", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        expect(page.rootInstance.popoverMenuEls).toEqual([]);
-        const menuItems = page.root.querySelectorAll("ic-menu-item");
-        await page.rootInstance.addMenuItems(menuItems);
-        await page.waitForChanges();
-        expect(page.rootInstance.popoverMenuEls).toEqual(menuItems);
-    });
-    it("should get the next item to select going up and down", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        //populating popoverEls before calling getNextItemToSelect
-        const menuItems = page.root.querySelectorAll("ic-menu-item");
-        await page.rootInstance.addMenuItems(menuItems);
-        await page.waitForChanges();
-        const nextItemCalc = page.rootInstance.getNextItemToSelect(0, true);
-        await page.waitForChanges();
-        expect(nextItemCalc).toBe(1);
-        const prevItemCalc = page.rootInstance.getNextItemToSelect(nextItemCalc, false);
-        await page.waitForChanges();
-        expect(prevItemCalc).toBe(0);
-    });
-    it("should get the next item to select as last item if next item < 0 and select first item if next item > items length", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      <ic-menu-item label="Button 3"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        //populating popoverEls before calling getNextItemToSelect
-        const menuItems = page.root.querySelectorAll("ic-menu-item");
-        await page.rootInstance.addMenuItems(menuItems);
-        await page.waitForChanges();
-        const lastItemCalc = page.rootInstance.getNextItemToSelect(0, false);
-        await page.waitForChanges();
-        expect(lastItemCalc).toBe(2);
-        const firstItemCalc = page.rootInstance.getNextItemToSelect(2, true);
-        await page.waitForChanges();
-        expect(firstItemCalc).toBe(0);
-    });
-    it("should console error if an anchor can't be found", async () => {
-        console.error = jest.fn();
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button><ic-popover-menu anchor="wrongAnchor" aria-label="popover-menu"><ic-menu-item label="Button 1"></ic-menu-item></ic-popover-menu>`,
-        });
-        await page.waitForChanges();
-        expect(console.error).toHaveBeenCalledWith("Popover anchor element 'wrongAnchor' not found");
-    });
-    it("should console error if no anchor is specified for an original popover menu", async () => {
-        console.error = jest.fn();
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button><ic-popover-menu aria-label="popover-menu"><ic-menu-item label="Button 1"></ic-menu-item></ic-popover-menu>`,
-        });
-        await page.waitForChanges();
-        expect(console.error).toHaveBeenCalledWith("No anchor specified for popover component");
-    });
-    it("should set focus on ArrowDown", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      <ic-menu-item label="Button 3"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        jest.spyOn(page.rootInstance, "setButtonFocus").mockImplementation();
-        await page.rootInstance.handleKeyDown({
-            key: "ArrowDown",
-            preventDefault: () => null,
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();
-    });
-    it("should set focus on ArrowUp", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      <ic-menu-item label="Button 3"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        jest.spyOn(page.rootInstance, "setButtonFocus").mockImplementation();
-        await page.rootInstance.handleKeyDown({
-            key: "ArrowUp",
-            preventDefault: () => null,
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();
-    });
-    it("should set focus on first element for home key", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      <ic-menu-item label="Button 3"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        jest.spyOn(page.rootInstance, "setButtonFocus").mockImplementation();
-        await page.rootInstance.handleKeyDown({
-            key: "Home",
-            preventDefault: () => null,
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.currentFocus).toBe(0);
-        expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();
-    });
-    it("should set focus on last element for end key", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      <ic-menu-item label="Button 3"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        jest.spyOn(page.rootInstance, "setButtonFocus").mockImplementation();
-        //populating popoverEls before handleKeyDown
-        const menuItems = page.root.querySelectorAll("ic-menu-item");
-        await page.rootInstance.addMenuItems(menuItems);
-        await page.waitForChanges();
-        await page.rootInstance.handleKeyDown({
-            key: "End",
-            preventDefault: () => null,
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.currentFocus).toBe(2);
-        expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();
-    });
-    it("should set close menu on Escape", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        jest.spyOn(page.rootInstance, "closeMenu").mockImplementation();
-        // Menu should be open before it can be closed
-        page.doc.querySelector("ic-popover-menu").open = true;
-        await page.waitForChanges();
-        await page.rootInstance.handleKeyDown({
-            key: "Escape",
-            preventDefault: () => null,
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.closeMenu).toHaveBeenCalled();
-        //TODO: When we move to cypress, make sure the AnchorEl is focused (backing out of menu should return focus to button)
-    });
-    it("should set close menu on Tab", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        jest.spyOn(page.rootInstance, "closeMenu").mockImplementation();
-        // Menu should be open before it can be closed
-        page.doc.querySelector("ic-popover-menu").open = true;
-        await page.waitForChanges();
-        await page.rootInstance.handleKeyDown({
-            key: "Tab",
-            preventDefault: () => null,
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.closeMenu).toHaveBeenCalled();
-        //TODO: When we move to cypress, make sure that an element after the AnchorEl is focused (tabbing out of menu onto next element)
-    });
-    it("should set the current popover's open prop to false when submenu is triggered", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu" id="initial-popover">
-      <ic-menu-item label="Button 1" submenu-trigger-for="submenu" id="trigger-button"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>
-      <ic-popover-menu submenu-id="submenu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        const trigger = page.root.querySelector("#trigger-button");
-        const event = new Event("click", {
-            bubbles: true,
-            cancelable: true,
-        });
-        expect(page.root.open).toBeUndefined();
-        // Make sure the event has a target for handleSubmenuChange
-        trigger.dispatchEvent(event);
-        page.rootInstance.handleSubmenuChange(event);
-        await page.waitForChanges();
-        await waitForTimeout(1000);
-        expect(page.root.open).toBeFalsy();
-    });
-    it("should set the current popover's open prop to false when submenu is triggered", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu" id="initial-popover">
-      <ic-menu-item label="Button 1" id="trigger-button"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        const trigger = page.root.querySelector("#trigger-button");
-        const event = new CustomEvent("click", {
-            bubbles: true,
-            cancelable: true,
-            detail: { hasSubmenu: false, label: "Button 1" },
-        });
-        expect(page.root.open).toBeUndefined();
-        // Make sure the event has a target for handleMenuItemClick
-        trigger.dispatchEvent(event);
-        page.rootInstance.handleMenuItemClick(event);
-        await page.waitForChanges();
-        expect(page.root.open).toBeFalsy();
-    });
-    it("should close menu when an element that isn't in the popover is clicked", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu" id="initial-popover" open="true">
-      <ic-menu-item label="Button 1" submenu-trigger-for="submenu" id="trigger-button"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>
-      <ic-popover-menu submenu-id="submenu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        jest.spyOn(page.rootInstance, "closeMenu").mockImplementation();
-        const notPopover = document.body;
-        const event = new Event("click", {
-            bubbles: true,
-            cancelable: true,
-        });
-        // Make sure the event has a target for handleSubmenuChange
-        notPopover.dispatchEvent(event);
-        await page.rootInstance.handleClick(event);
-        await page.waitForChanges();
-        expect(page.rootInstance.closeMenu).toHaveBeenCalled();
-        //TODO: When we move to cypress, make sure the AnchorEl is not focused (clicking off popover should focus whatever has been clicked instead)
-    });
-    it("should set current popover's open prop to false when back button is clicked", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu" submenu-id="submenu">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        const back = page.root.shadowRoot.querySelector(".ic-popover-submenu-back-button");
-        const event = new Event("click", {
-            bubbles: true,
-            cancelable: true,
-        });
-        back.dispatchEvent(event);
-        await page.waitForChanges();
-        expect(page.root.open).toBeFalsy();
-    });
-    it("should set open to false when menu is closed", async () => {
-        const page = await newSpecPage({
-            components: [PopoverMenu, MenuItem],
-            html: `<ic-button id="anchorEl"></ic-button>
-      <ic-popover-menu anchor="#anchorEl" aria-label="popover-menu" open="true">
-      <ic-menu-item label="Button 1"></ic-menu-item>
-      <ic-menu-item label="Button 2"></ic-menu-item>
-      </ic-popover-menu>`,
-        });
-        expect(page.root.open).toBeTruthy();
-        page.rootInstance.closeMenu();
-        await page.waitForChanges();
-        expect(page.root.open).toBeFalsy();
-    });
-});
-//# sourceMappingURL=ic-popover-menu.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-popover-menu.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-popover-menu/test/basic/ic-popover-menu.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { MenuItem } from \"../../../ic-menu-item/ic-menu-item\";\nimport { PopoverMenu } from \"../../ic-popover-menu\";\nimport { waitForTimeout } from \"../../../../testspec.setup\";\nimport { MenuGroup } from \"../../../ic-menu-group/ic-menu-group\";\nimport { Dialog } from \"../../../ic-dialog/ic-dialog\";\n\ndescribe(\"ic-popover-menu\", () => {\n  it(\"should render with anchor\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu anchor=\"anchorEl\" aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with anchor\");\n  });\n\n  it(\"should render when anchor starts with #\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"should render when target starts with #\"\n    );\n  });\n\n  it(\"should render a menu item and menu group\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem, MenuGroup],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-group label=\"Button group\">\n      <ic-menu-item label=\"Group button 1\" variant=\"destructive\"></ic-menu-item>\n      <ic-menu-item label=\"Group button 2\"></ic-menu-item>\n      </ic-menu-group>\n      </ic-popover-menu>\n      `,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"should render a menu item and menu group\"\n    );\n  });\n\n  it(\"should render a back button when submenu-id is set\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" submenu-id=\"submenu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"should render a back button when submenu-id is set\"\n    );\n  });\n\n  it(\"should render on a dialog\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem, Dialog],\n      html: `<ic-dialog>\n      <ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" open=\"true\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>\n      </ic-dialog>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should set openingFromChild to true when openFromChild method is called\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" submenu-id=\"submenu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    await page.root.openFromChild();\n    await page.waitForChanges();\n    expect(page.rootInstance.openingFromChild).toBeTruthy();\n    expect(page.rootInstance.open).toBeTruthy();\n\n    await waitForTimeout(1000);\n\n    expect(page.rootInstance.openingFromChild).toBeFalsy();\n  });\n\n  it(\"should set openingFromParent to true when openFromParent method is called\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\" submenu-trigger-for=\"submenu\" id=\"trigger-button\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>\n      <ic-popover-menu submenu-id=\"submenu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    await page.root.openFromParent();\n    await page.waitForChanges();\n    expect(page.rootInstance.openingFromParent).toBeTruthy();\n    expect(page.rootInstance.open).toBeTruthy();\n\n    await waitForTimeout(1000);\n\n    expect(page.rootInstance.openingFromParent).toBeFalsy();\n  });\n\n  it(\"should add focusable menu items to the list of focusable elements\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    expect(page.rootInstance.popoverMenuEls).toEqual([]);\n\n    const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n\n    await page.rootInstance.addMenuItems(menuItems);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.popoverMenuEls).toEqual(menuItems);\n  });\n\n  it(\"should get the next item to select going up and down\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    //populating popoverEls before calling getNextItemToSelect\n    const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n    await page.rootInstance.addMenuItems(menuItems);\n    await page.waitForChanges();\n\n    const nextItemCalc = page.rootInstance.getNextItemToSelect(0, true);\n\n    await page.waitForChanges();\n    expect(nextItemCalc).toBe(1);\n\n    const prevItemCalc = page.rootInstance.getNextItemToSelect(\n      nextItemCalc,\n      false\n    );\n\n    await page.waitForChanges();\n    expect(prevItemCalc).toBe(0);\n  });\n\n  it(\"should get the next item to select as last item if next item < 0 and select first item if next item > items length\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      <ic-menu-item label=\"Button 3\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    //populating popoverEls before calling getNextItemToSelect\n    const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n    await page.rootInstance.addMenuItems(menuItems);\n    await page.waitForChanges();\n\n    const lastItemCalc = page.rootInstance.getNextItemToSelect(0, false);\n\n    await page.waitForChanges();\n    expect(lastItemCalc).toBe(2);\n\n    const firstItemCalc = page.rootInstance.getNextItemToSelect(2, true);\n\n    await page.waitForChanges();\n    expect(firstItemCalc).toBe(0);\n  });\n\n  it(\"should console error if an anchor can't be found\", async () => {\n    console.error = jest.fn();\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu anchor=\"wrongAnchor\" aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n    });\n    await page.waitForChanges();\n\n    expect(console.error).toHaveBeenCalledWith(\n      \"Popover anchor element 'wrongAnchor' not found\"\n    );\n  });\n\n  it(\"should console error if no anchor is specified for an original popover menu\", async () => {\n    console.error = jest.fn();\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button><ic-popover-menu aria-label=\"popover-menu\"><ic-menu-item label=\"Button 1\"></ic-menu-item></ic-popover-menu>`,\n    });\n    await page.waitForChanges();\n\n    expect(console.error).toHaveBeenCalledWith(\n      \"No anchor specified for popover component\"\n    );\n  });\n\n  it(\"should set focus on ArrowDown\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      <ic-menu-item label=\"Button 3\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n    await page.rootInstance.handleKeyDown({\n      key: \"ArrowDown\",\n      preventDefault: (): void => null,\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n  });\n\n  it(\"should set focus on ArrowUp\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      <ic-menu-item label=\"Button 3\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n    await page.rootInstance.handleKeyDown({\n      key: \"ArrowUp\",\n      preventDefault: (): void => null,\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n  });\n\n  it(\"should set focus on first element for home key\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      <ic-menu-item label=\"Button 3\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n    await page.rootInstance.handleKeyDown({\n      key: \"Home\",\n      preventDefault: (): void => null,\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.currentFocus).toBe(0);\n    expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n  });\n\n  it(\"should set focus on last element for end key\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      <ic-menu-item label=\"Button 3\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    jest.spyOn(page.rootInstance, \"setButtonFocus\").mockImplementation();\n\n    //populating popoverEls before handleKeyDown\n    const menuItems = page.root.querySelectorAll(\"ic-menu-item\");\n    await page.rootInstance.addMenuItems(menuItems);\n    await page.waitForChanges();\n\n    await page.rootInstance.handleKeyDown({\n      key: \"End\",\n      preventDefault: (): void => null,\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.currentFocus).toBe(2);\n    expect(page.rootInstance.setButtonFocus).toHaveBeenCalled();\n  });\n\n  it(\"should set close menu on Escape\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    jest.spyOn(page.rootInstance, \"closeMenu\").mockImplementation();\n\n    // Menu should be open before it can be closed\n    page.doc.querySelector(\"ic-popover-menu\").open = true;\n    await page.waitForChanges();\n\n    await page.rootInstance.handleKeyDown({\n      key: \"Escape\",\n      preventDefault: (): void => null,\n    });\n    await page.waitForChanges();\n    expect(page.rootInstance.closeMenu).toHaveBeenCalled();\n    //TODO: When we move to cypress, make sure the AnchorEl is focused (backing out of menu should return focus to button)\n  });\n\n  it(\"should set close menu on Tab\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    jest.spyOn(page.rootInstance, \"closeMenu\").mockImplementation();\n\n    // Menu should be open before it can be closed\n    page.doc.querySelector(\"ic-popover-menu\").open = true;\n    await page.waitForChanges();\n\n    await page.rootInstance.handleKeyDown({\n      key: \"Tab\",\n      preventDefault: (): void => null,\n    });\n    await page.waitForChanges();\n    expect(page.rootInstance.closeMenu).toHaveBeenCalled();\n    //TODO: When we move to cypress, make sure that an element after the AnchorEl is focused (tabbing out of menu onto next element)\n  });\n\n  it(\"should set the current popover's open prop to false when submenu is triggered\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" id=\"initial-popover\">\n      <ic-menu-item label=\"Button 1\" submenu-trigger-for=\"submenu\" id=\"trigger-button\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>\n      <ic-popover-menu submenu-id=\"submenu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    const trigger = page.root.querySelector(\"#trigger-button\");\n\n    const event = new Event(\"click\", {\n      bubbles: true,\n      cancelable: true,\n    });\n\n    expect(page.root.open).toBeUndefined();\n\n    // Make sure the event has a target for handleSubmenuChange\n    trigger.dispatchEvent(event);\n\n    page.rootInstance.handleSubmenuChange(event);\n    await page.waitForChanges();\n    await waitForTimeout(1000);\n    expect(page.root.open).toBeFalsy();\n  });\n\n  it(\"should set the current popover's open prop to false when submenu is triggered\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" id=\"initial-popover\">\n      <ic-menu-item label=\"Button 1\" id=\"trigger-button\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    const trigger = page.root.querySelector(\"#trigger-button\");\n\n    const event = new CustomEvent(\"click\", {\n      bubbles: true,\n      cancelable: true,\n      detail: { hasSubmenu: false, label: \"Button 1\" },\n    });\n\n    expect(page.root.open).toBeUndefined();\n\n    // Make sure the event has a target for handleMenuItemClick\n    trigger.dispatchEvent(event);\n\n    page.rootInstance.handleMenuItemClick(event);\n    await page.waitForChanges();\n    expect(page.root.open).toBeFalsy();\n  });\n\n  it(\"should close menu when an element that isn't in the popover is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" id=\"initial-popover\" open=\"true\">\n      <ic-menu-item label=\"Button 1\" submenu-trigger-for=\"submenu\" id=\"trigger-button\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>\n      <ic-popover-menu submenu-id=\"submenu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    jest.spyOn(page.rootInstance, \"closeMenu\").mockImplementation();\n\n    const notPopover = document.body;\n\n    const event = new Event(\"click\", {\n      bubbles: true,\n      cancelable: true,\n    });\n\n    // Make sure the event has a target for handleSubmenuChange\n    notPopover.dispatchEvent(event);\n\n    await page.rootInstance.handleClick(event);\n    await page.waitForChanges();\n    expect(page.rootInstance.closeMenu).toHaveBeenCalled();\n    //TODO: When we move to cypress, make sure the AnchorEl is not focused (clicking off popover should focus whatever has been clicked instead)\n  });\n\n  it(\"should set current popover's open prop to false when back button is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" submenu-id=\"submenu\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    const back = page.root.shadowRoot.querySelector(\n      \".ic-popover-submenu-back-button\"\n    );\n\n    const event = new Event(\"click\", {\n      bubbles: true,\n      cancelable: true,\n    });\n\n    back.dispatchEvent(event);\n    await page.waitForChanges();\n    expect(page.root.open).toBeFalsy();\n  });\n\n  it(\"should set open to false when menu is closed\", async () => {\n    const page = await newSpecPage({\n      components: [PopoverMenu, MenuItem],\n      html: `<ic-button id=\"anchorEl\"></ic-button>\n      <ic-popover-menu anchor=\"#anchorEl\" aria-label=\"popover-menu\" open=\"true\">\n      <ic-menu-item label=\"Button 1\"></ic-menu-item>\n      <ic-menu-item label=\"Button 2\"></ic-menu-item>\n      </ic-popover-menu>`,\n    });\n\n    expect(page.root.open).toBeTruthy();\n\n    page.rootInstance.closeMenu();\n    await page.waitForChanges();\n    expect(page.root.open).toBeFalsy();\n  });\n});\n"]}