@ukic/web-components 2.8.0 → 2.9.0

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

@@ -5,24 +5,24 @@ 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>
+    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">
@@ -31,53 +31,53 @@ describe("ic-popover-menu", () => {
       </ic-menu-group>
       </ic-popover-menu>
       `,
+        });
+        expect(page.root).toMatchSnapshot("should render a menu item and menu group");
     });
-    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>
+    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");
     });
-    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>
+    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();
     });
-    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>
+    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>
+        });
+        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>
@@ -86,210 +86,210 @@ describe("ic-popover-menu", () => {
       <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>
+        });
+        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>
+        });
+        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>
+        });
+        //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>
+        });
+        //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>
+        });
+        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>
+        });
+        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>
+        });
+        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>
+        });
+        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();
-  });
-  it("should set close menu on Tab", async () => {
-    const page = await newSpecPage({
-      components: [PopoverMenu, MenuItem],
-      html: `<ic-button id="anchorEl"></ic-button>
+        });
+        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();
+    });
+    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();
-  });
-  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>
+        });
+        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();
+    });
+    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>
@@ -298,46 +298,46 @@ describe("ic-popover-menu", () => {
       <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>
+        });
+        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>
+        });
+        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>
@@ -346,50 +346,50 @@ describe("ic-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();
-    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();
-  });
-  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>
+        });
+        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();
+    });
+    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>
+        });
+        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();
     });
-    expect(page.root.open).toBeTruthy();
-    page.rootInstance.closeMenu();
-    await page.waitForChanges();
-    expect(page.root.open).toBeFalsy();
-  });
 });
 //# sourceMappingURL=ic-popover-menu.spec.js.map