@ukic/web-components 2.1.0-beta.9 → 2.2.0

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

@@ -0,0 +1,381 @@
+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";
+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 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();
+  });
+  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>
+      <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();
+  });
+  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

@@ -0,0 +1 @@
+{"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\";\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 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  });\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  });\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  });\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"]}

package/dist/collection/components/ic-radio-group/ic-radio-group.css

@@ -453,7 +453,7 @@ ic-input-validation {
   margin-top: var(--ic-space-sm);
 }
 
-:host([small]) ic-input-validation {
+:host(.small) ic-input-validation {
   margin-top: calc(var(--ic-space-sm) / 2);
 }
 
@@ -461,7 +461,7 @@ ic-input-label ic-typography {
   margin-bottom: var(--ic-space-sm);
 }
 
-:host([small]) ic-input-label ic-typography {
+:host(.small) ic-input-label ic-typography {
   margin-bottom: calc(var(--ic-space-sm) / 2);
 }
 
@@ -471,7 +471,7 @@ ic-input-label ic-typography {
   gap: var(--ic-space-xxs);
 }
 
-:host([small]) .radio-buttons-container {
+:host(.small) .radio-buttons-container {
   gap: var(--ic-space-xxxs);
 }
 
@@ -481,6 +481,6 @@ ic-input-label ic-typography {
   gap: calc(var(--ic-space-xl) + var(--ic-space-xs));
 }
 
-:host([small][orientation="horizontal"]) .radio-buttons-container {
+:host(.small[orientation="horizontal"]) .radio-buttons-container {
   gap: var(--ic-space-xl);
 }