@ukic/web-components 3.0.0-alpha.1 → 3.0.0-alpha.10

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

@@ -2,6 +2,7 @@ import { newSpecPage } from "@stencil/core/testing";
 import { Menu } from "../../ic-menu";
 import { InputComponentContainer } from "../../../ic-input-component-container/ic-input-component-container";
 import { testKeyboardEvent as keyboardEvent } from "../../../../testspec.setup";
+import * as helpers from "../../../../utils/helpers";
 import { h } from "@stencil/core";
 const menuOptions = [
     { label: "Espresso", value: "espresso" },
@@ -104,7 +105,7 @@ describe("ic-menu in isolation", () => {
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionId", eventSpy);
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
             detail: expect.objectContaining({
@@ -236,7 +237,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.root.value).toBe("espresso");
     });
-    it("should test manSetInputValueKeyboardOpen function", async () => {
+    it("should test manualSetInputValueKeyboardOpen function", async () => {
         const searchBar = window.document.createElement(IcSearchBar);
         const input = window.document.createElement("input");
         const searchMenuOptions = JSON.parse(JSON.stringify(menuOptions));
@@ -249,7 +250,7 @@ describe("ic-menu in isolation", () => {
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionId", eventSpy);
         page.root.addEventListener("menuOptionSelect", eventSpy);
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("ArrowUp"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowUp"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
             detail: expect.objectContaining({
@@ -258,7 +259,7 @@ describe("ic-menu in isolation", () => {
         }));
         page.rootInstance.setHighlightedOption(3);
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("ArrowUp"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowUp"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
             detail: expect.objectContaining({
@@ -267,7 +268,7 @@ describe("ic-menu in isolation", () => {
         }));
         page.rootInstance.setHighlightedOption(0);
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
             detail: expect.objectContaining({
@@ -276,7 +277,7 @@ describe("ic-menu in isolation", () => {
         }));
         page.rootInstance.setHighlightedOption(8);
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
             detail: expect.objectContaining({
@@ -285,7 +286,7 @@ describe("ic-menu in isolation", () => {
         }));
         page.rootInstance.setHighlightedOption(2);
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Enter"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Enter"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
             detail: expect.objectContaining({
@@ -294,14 +295,17 @@ describe("ic-menu in isolation", () => {
         }));
         page.rootInstance.setHighlightedOption(2);
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
         await page.waitForChanges();
-        expect(page.rootInstance.value).toBe(searchMenuOptions[2].value);
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Enter"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Enter"));
         await page.waitForChanges();
         expect(page.rootInstance.disabledOptionSelected).toBe(true);
-        expect(page.rootInstance.value).toBe(searchMenuOptions[2].value);
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Escape"));
+        expect(eventSpy).not.toHaveBeenCalledWith(expect.objectContaining({
+            detail: expect.objectContaining({
+                value: "cappuccino",
+            }),
+        }));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Escape"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
             detail: expect.objectContaining({
@@ -310,28 +314,28 @@ describe("ic-menu in isolation", () => {
         }));
         page.rootInstance.preventIncorrectTabOrder = false;
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Shift"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Shift"));
         await page.waitForChanges();
         expect(page.rootInstance.preventIncorrectTabOrder).toBe(true);
         page.rootInstance.preventIncorrectTabOrder = false;
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Tab"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Tab"));
         await page.waitForChanges();
         expect(page.rootInstance.preventIncorrectTabOrder).toBe(true);
         page.rootInstance.preventIncorrectTabOrder = false;
         page.rootInstance.isSearchBar = true;
         page.rootInstance.setHighlightedOption(4);
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Backspace"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Backspace"));
         await page.waitForChanges();
         expect(page.rootInstance.optionHighlighted).toBe("espresso");
         page.rootInstance.setHighlightedOption(6);
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("KeyF"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("KeyF"));
         await page.waitForChanges();
         expect(page.rootInstance.optionHighlighted).toBe("espresso");
         page.rootInstance.setHighlightedOption(2);
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Home"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Home"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
             detail: expect.objectContaining({
@@ -339,7 +343,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
         await page.waitForChanges();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("End"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("End"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
             detail: expect.objectContaining({
@@ -358,7 +362,7 @@ describe("ic-menu in isolation", () => {
         });
         page.rootInstance.isSearchableSelect = true;
         await page.rootInstance.handleSetFirstOption();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Backspace"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Backspace"));
         await page.waitForChanges();
         expect(searchableSelect.setFocus).toHaveBeenCalled();
     });
@@ -372,7 +376,7 @@ describe("ic-menu in isolation", () => {
             template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: searchableSelect, value: menuOptions[0].value, parentEl: searchableSelect })),
         });
         page.rootInstance.isSearchableSelect = true;
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Backspace"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Backspace"));
         await page.waitForChanges();
         expect(searchableSelect.setFocus).not.toHaveBeenCalled();
     });
@@ -387,7 +391,7 @@ describe("ic-menu in isolation", () => {
         });
         page.rootInstance.isSearchableSelect = true;
         await page.rootInstance.handleSetFirstOption();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("f"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("f"));
         await page.waitForChanges();
         expect(searchableSelect.setFocus).toHaveBeenCalled();
     });
@@ -401,11 +405,11 @@ describe("ic-menu in isolation", () => {
             template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: searchableSelect, value: menuOptions[0].value, parentEl: searchableSelect })),
         });
         page.rootInstance.isSearchableSelect = true;
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("f"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("f"));
         await page.waitForChanges();
         expect(searchableSelect.setFocus).not.toHaveBeenCalled();
     });
-    it("should test manSetInputValueKeyboardOpen: setFocus is not triggered if backspace is pressed and focus is not on menu", async () => {
+    it("should test manualSetInputValueKeyboardOpen: setFocus is not triggered if backspace is pressed and focus is not on menu", async () => {
         const select = window.document.createElement("IC-SELECT");
         const input = window.document.createElement("input");
         select.setFocus = jest.fn();
@@ -414,11 +418,11 @@ describe("ic-menu in isolation", () => {
             template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: select, value: menuOptions[0].value, parentEl: select })),
         });
         page.rootInstance.isSearchBar = true;
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Backspace"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Backspace"));
         await page.waitForChanges();
         expect(select.setFocus).not.toHaveBeenCalled();
     });
-    it("should test manSetInputValueKeyboardOpen: setFocus is triggered if menu is focused and backspace is pressed", async () => {
+    it("should test manualSetInputValueKeyboardOpen: setFocus is triggered if menu is focused and backspace is pressed", async () => {
         const select = window.document.createElement("IC-SELECT");
         const input = window.document.createElement("input");
         select.setFocus = jest.fn();
@@ -427,12 +431,12 @@ describe("ic-menu in isolation", () => {
             template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: select, value: menuOptions[0].value, parentEl: select })),
         });
         page.rootInstance.isSearchBar = true;
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Backspace"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Backspace"));
         await page.waitForChanges();
         expect(select.setFocus).toHaveBeenCalled();
     });
-    it("should test manSetInputValueKeyboardOpen function when default parameter passed", async () => {
+    it("should test manualSetInputValueKeyboardOpen function when default parameter passed", async () => {
         const select = window.document.createElement("IC-SELECT");
         const input = window.document.createElement("input");
         select.setFocus = jest.fn();
@@ -442,11 +446,88 @@ describe("ic-menu in isolation", () => {
         });
         page.rootInstance.isSearchBar = false;
         page.rootInstance.isSearchableSelect = true;
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("KeyR"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("KeyR"));
         await page.waitForChanges();
         expect(page.rootInstance.value).toBe(menuOptions[0].value);
     });
-    it("should test manSetInputValueKeyboardOpen function when select on enter", async () => {
+    it("should test manualSetInputValueKeyboardOpen function when multi-select", async () => {
+        const multiSelect = window.document.createElement("IC-SELECT");
+        const input = window.document.createElement("input");
+        const page = await newSpecPage({
+            components: [Menu, InputComponentContainer],
+            template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: multiSelect, value: menuOptions[0].value, parentEl: multiSelect })),
+        });
+        jest
+            .spyOn(page.rootInstance, "selectHighlightedOption")
+            .mockImplementation();
+        jest
+            .spyOn(page.rootInstance, "getMenuOptions")
+            .mockImplementation(() => menuOptions);
+        page.rootInstance.isMultiSelect = true;
+        await page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent(" "));
+        await page.waitForChanges();
+        expect(page.rootInstance.selectHighlightedOption).toHaveBeenCalledWith(menuOptions, -1);
+        jest.spyOn(page.rootInstance, "setHighlightedOption").mockImplementation();
+        page.rootInstance.multiOptionClicked = menuOptions[0].value;
+        await page.waitForChanges();
+        await page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
+        await page.waitForChanges();
+        expect(page.rootInstance.setHighlightedOption).toHaveBeenCalledWith(0);
+        expect(page.rootInstance.multiOptionClicked).toBe(null);
+        page.rootInstance.multiOptionClicked = menuOptions[0].value;
+        await page.waitForChanges();
+        await page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowUp"));
+        await page.waitForChanges();
+        expect(page.rootInstance.setHighlightedOption).toHaveBeenCalledWith(0);
+        expect(page.rootInstance.multiOptionClicked).toBe(null);
+        jest.spyOn(page.rootInstance, "emitSelectAllEvents").mockImplementation();
+        jest.spyOn(helpers, "isMacDevice").mockImplementation(() => true);
+        await page.rootInstance.manualSetInputValueKeyboardOpen({
+            key: "a",
+            preventDefault: () => null,
+            stopImmediatePropagation: () => null,
+            metaKey: true,
+            target: {
+                id: "key-id",
+            },
+        });
+        await page.waitForChanges();
+        expect(page.rootInstance.emitSelectAllEvents).toHaveBeenCalled();
+        jest.spyOn(helpers, "isMacDevice").mockImplementation(() => false);
+        await page.rootInstance.manualSetInputValueKeyboardOpen({
+            key: "a",
+            preventDefault: () => null,
+            stopImmediatePropagation: () => null,
+            ctrlKey: true,
+            target: {
+                id: "key-id",
+            },
+        });
+        await page.waitForChanges();
+        expect(page.rootInstance.emitSelectAllEvents).toHaveBeenCalledTimes(2);
+        page.rootInstance.optionHighlighted = "doubleespresso";
+        page.rootInstance.multiOptionClicked = null;
+        await page.rootInstance.manualSetInputValueKeyboardOpen({
+            key: "ArrowDown",
+            preventDefault: () => null,
+            stopImmediatePropagation: () => null,
+            shiftKey: true,
+            target: {
+                id: "key-id",
+            },
+        });
+        await page.waitForChanges();
+        expect(page.rootInstance.selectHighlightedOption).toHaveBeenCalledWith(menuOptions, 1);
+        const eventSpy = jest.fn();
+        page.rootInstance.selectAllButton.addEventListener("focus", eventSpy);
+        await page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Tab"));
+        await page.waitForChanges();
+        expect(eventSpy).toHaveBeenCalled();
+        expect(page.rootInstance.menu.tabIndex).toBe(-1);
+        expect(page.rootInstance.preventClickOpen).toBe(true);
+        expect(page.rootInstance.optionHighlighted).toBe(undefined);
+    });
+    it("should test manualSetInputValueKeyboardOpen function when select on enter", async () => {
         const select = window.document.createElement("IC-SELECT");
         const input = window.document.createElement("input");
         select.selectOnEnter = true;
@@ -456,10 +537,10 @@ describe("ic-menu in isolation", () => {
         });
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionSelect", eventSpy);
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
         await page.waitForChanges();
         expect(eventSpy).not.toHaveBeenCalled();
-        page.rootInstance.manSetInputValueKeyboardOpen(keyboardEvent("Enter"));
+        page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Enter"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalled();
     });
@@ -522,7 +603,7 @@ describe("ic-menu in isolation", () => {
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionSelect", eventSpy);
         const el = page.rootInstance.menu.childNodes[1];
-        const event = { target: el };
+        const event = { target: el, shiftKey: false };
         await page.waitForChanges();
         page.rootInstance.handleOptionClick(event);
         await page.waitForChanges();
@@ -532,6 +613,16 @@ describe("ic-menu in isolation", () => {
                 label: "Double Espresso",
             },
         }));
+        page.rootInstance.isMultiSelect = true;
+        await page.waitForChanges();
+        await page.rootInstance.handleOptionClick(event);
+        expect(page.rootInstance.multiOptionClicked).toBe("doubleespresso");
+        page.rootInstance.value = ["espresso", "flatwhite", "cappuccino"];
+        page.rootInstance.multiOptionClicked = null;
+        event.shiftKey = true;
+        await page.waitForChanges();
+        await page.rootInstance.handleOptionClick(event);
+        expect(page.rootInstance.multiOptionClicked).toBe("doubleespresso");
     });
     it("should test handleBlur function", async () => {
         const page = await createMenu();
@@ -701,6 +792,11 @@ describe("ic-menu in isolation", () => {
         page.rootInstance.handleMenuKeyUp(key);
         await page.waitForChanges();
         expect(page.rootInstance.disabledOptionSelected).toBe(false);
+        key = keyboardEvent("Shift");
+        await page.waitForChanges();
+        page.rootInstance.handleMenuKeyUp(key);
+        await page.waitForChanges();
+        expect(page.rootInstance.shiftPressed).toBe(false);
     });
     it("should test connectedCallback function", async () => {
         const searchBar = window.document.createElement(IcSearchBar);
@@ -756,5 +852,257 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
+    it("should test handleMenuChange function when multi-select", async () => {
+        const page = await createMenu();
+        page.rootInstance.optionHighlighted = "espresso";
+        page.rootInstance.isMultiSelect = true;
+        await page.waitForChanges();
+        expect(page.rootInstance.optionHighlighted).toBe("espresso");
+        await page.rootInstance.handleMenuChange(false);
+        await page.waitForChanges();
+        expect(page.rootInstance.optionHighlighted).toBe(undefined);
+    });
+    it("should test selectHighlightedOption function when multi-select", async () => {
+        const page = await createMenu();
+        page.rootInstance.open = false;
+        page.rootInstance.isMultiSelect = true;
+        jest.spyOn(page.rootInstance, "handleMenuChange").mockImplementation();
+        await page.waitForChanges();
+        await page.rootInstance.selectHighlightedOption({ target: "test-id" }, menuOptions, 0);
+        await page.waitForChanges();
+        expect(page.rootInstance.handleMenuChange).toHaveBeenCalledWith(true);
+    });
+    it("should test selectHighlightedOption function when multi-select", async () => {
+        const page = await createMenu();
+        page.rootInstance.open = false;
+        page.rootInstance.isMultiSelect = true;
+        jest.spyOn(page.rootInstance, "handleMenuChange").mockImplementation();
+        await page.waitForChanges();
+        await page.rootInstance.selectHighlightedOption({ target: "test-id" }, menuOptions, 0);
+        await page.waitForChanges();
+        expect(page.rootInstance.handleMenuChange).toHaveBeenCalledWith(true);
+    });
+    it("should test handleSelectAllClick function", async () => {
+        const page = await createMenu();
+        page.rootInstance.menu.tabIndex = -1;
+        const eventSpy = jest.fn();
+        page.rootInstance.menu.addEventListener("focus", eventSpy);
+        jest.spyOn(page.rootInstance, "emitSelectAllEvents").mockImplementation();
+        await page.rootInstance.handleSelectAllClick();
+        expect(eventSpy).toHaveBeenCalled();
+        expect(page.rootInstance.emitSelectAllEvents).toHaveBeenCalled();
+    });
+    it("should test handleSelectAllBlur function", async () => {
+        const multiSelect = window.document.createElement("IC-SELECT");
+        const input = window.document.createElement("input");
+        const page = await newSpecPage({
+            components: [Menu, InputComponentContainer],
+            template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: multiSelect, value: menuOptions[0].value, parentEl: multiSelect })),
+        });
+        jest.spyOn(page.rootInstance, "handleMenuChange").mockImplementation();
+        const option = await page.root.querySelector("li");
+        await page.rootInstance.handleSelectAllBlur({ relatedTarget: option });
+        await page.waitForChanges();
+        expect(page.rootInstance.handleMenuChange).not.toHaveBeenCalled();
+        await page.rootInstance.handleSelectAllBlur({ relatedTarget: input });
+        await page.waitForChanges();
+        expect(page.rootInstance.handleMenuChange).toHaveBeenCalledWith(false, false);
+    });
+    it("should test handleSelectAllFocus function", async () => {
+        const page = await createMenu();
+        await page.rootInstance.handleSelectAllFocus();
+        expect(page.root).toMatchSnapshot();
+    });
+    it("should test emitSelectAllEvents function", async () => {
+        const page = await createMenu();
+        const eventSpy = jest.fn();
+        page.root.addEventListener("menuOptionSelectAll", eventSpy);
+        await page.rootInstance.emitSelectAllEvents();
+        expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
+            detail: expect.objectContaining({
+                select: true,
+            }),
+        }));
+        page.rootInstance.value = ["espresso"];
+        await page.waitForChanges();
+        await page.rootInstance.emitSelectAllEvents();
+        expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
+            detail: expect.objectContaining({
+                select: true,
+            }),
+        }));
+        page.rootInstance.value = [
+            "espresso",
+            "doubleespresso",
+            "flatwhite",
+            "cappuccino",
+            "americano",
+            "ameno",
+            "green",
+            "acano",
+            "mocha",
+        ];
+        await page.waitForChanges();
+        await page.rootInstance.emitSelectAllEvents();
+        expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
+            detail: expect.objectContaining({
+                select: false,
+            }),
+        }));
+    });
+    it("should test handleSelectAllMouseDown", async () => {
+        const page = await createMenu();
+        const eventSpy = jest.fn();
+        page.root.addEventListener("preventDefault", eventSpy);
+        const event = new Event("click");
+        event.preventDefault = eventSpy;
+        await page.rootInstance.handleSelectAllMouseDown(event);
+        expect(eventSpy).toHaveBeenCalled();
+    });
+    it("tests deselection of options when pressing ArrowDown after Shift", async () => {
+        const multiSelect = window.document.createElement("IC-SELECT");
+        const input = window.document.createElement("input");
+        const page = await newSpecPage({
+            components: [Menu, InputComponentContainer],
+            template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: multiSelect, value: menuOptions[0].value, parentEl: multiSelect })),
+        });
+        page.rootInstance.isMultiSelect = true;
+        jest
+            .spyOn(page.rootInstance, "deselectSelectedOptions")
+            .mockImplementation();
+        page.rootInstance.value = [
+            "espresso",
+            "doubleespresso",
+            "flatwhite",
+            "cappuccino",
+            "americano",
+            "ameno",
+            "green",
+            "acano",
+            "mocha",
+        ];
+        await page.waitForChanges();
+        await page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Shift"));
+        await page.waitForChanges();
+        await page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
+        await page.waitForChanges();
+        expect(page.rootInstance.deselectSelectedOptions).toHaveBeenCalledWith([
+            -1, 0,
+        ]);
+    });
+    it("tests deselection of options when pressing ArrowUp after Shift", async () => {
+        const multiSelect = window.document.createElement("IC-SELECT");
+        const input = window.document.createElement("input");
+        const page = await newSpecPage({
+            components: [Menu, InputComponentContainer],
+            template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: multiSelect, value: menuOptions[0].value, parentEl: multiSelect })),
+        });
+        page.rootInstance.isMultiSelect = true;
+        jest
+            .spyOn(page.rootInstance, "deselectSelectedOptions")
+            .mockImplementation();
+        page.rootInstance.value = [
+            "espresso",
+            "doubleespresso",
+            "flatwhite",
+            "cappuccino",
+            "americano",
+            "ameno",
+            "green",
+            "acano",
+            "mocha",
+        ];
+        await page.waitForChanges();
+        await page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Shift"));
+        await page.waitForChanges();
+        await page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowUp"));
+        await page.waitForChanges();
+        expect(page.rootInstance.deselectSelectedOptions).toHaveBeenCalledWith([
+            -1, 8,
+        ]);
+    });
+    it("tests selection of options when pressing Home or End with Shift & Ctrl", async () => {
+        const multiSelect = window.document.createElement("IC-SELECT");
+        const input = window.document.createElement("input");
+        const page = await newSpecPage({
+            components: [Menu, InputComponentContainer],
+            template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: multiSelect, value: menuOptions[0].value, parentEl: multiSelect })),
+        });
+        page.rootInstance.isMultiSelect = true;
+        jest
+            .spyOn(page.rootInstance, "handleMultipleShiftSelect")
+            .mockImplementation();
+        page.rootInstance.value = [
+            "espresso",
+            "doubleespresso",
+            "flatwhite",
+            "cappuccino",
+            "americano",
+            "ameno",
+            "green",
+            "acano",
+            "mocha",
+        ];
+        await page.waitForChanges();
+        await page.rootInstance.manualSetInputValueKeyboardOpen({
+            key: "End",
+            preventDefault: () => null,
+            stopImmediatePropagation: () => null,
+            ctrlKey: true,
+            shiftKey: true,
+            target: {
+                id: "key-id",
+            },
+        });
+        expect(page.rootInstance.handleMultipleShiftSelect).toHaveBeenCalledWith(8);
+        await page.rootInstance.manualSetInputValueKeyboardOpen({
+            key: "Home",
+            preventDefault: () => null,
+            stopImmediatePropagation: () => null,
+            ctrlKey: true,
+            shiftKey: true,
+            target: {
+                id: "key-id",
+            },
+        });
+        expect(page.rootInstance.handleMultipleShiftSelect).toHaveBeenCalledWith(0);
+    });
+    it("tests isOptionSelected", async () => {
+        const multiSelect = window.document.createElement("IC-SELECT");
+        const input = window.document.createElement("input");
+        const page = await newSpecPage({
+            components: [Menu, InputComponentContainer],
+            template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: multiSelect, value: menuOptions[0].value, parentEl: multiSelect })),
+        });
+        page.rootInstance.value = ["espresso", "doubleespresso"];
+        await page.waitForChanges();
+        let isSelected = await page.rootInstance.isOptionSelected([1]);
+        expect(isSelected).toBe(true);
+        isSelected = await page.rootInstance.isOptionSelected([3]);
+        expect(isSelected).toBe(false);
+        page.rootInstance.value = "";
+        await page.waitForChanges();
+        isSelected = await page.rootInstance.isOptionSelected([0]);
+        expect(isSelected).toBe(false);
+    });
+    it("tests handleMultipleShiftSelect with optional params using default values", async () => {
+        const multiSelect = window.document.createElement("IC-SELECT");
+        const input = window.document.createElement("input");
+        const page = await newSpecPage({
+            components: [Menu, InputComponentContainer],
+            template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: multiSelect, value: menuOptions[0].value, parentEl: multiSelect })),
+        });
+        page.rootInstance.value = ["espresso", "doubleespresso", "flatwhite"];
+        jest
+            .spyOn(page.rootInstance, "deselectSelectedOptions")
+            .mockImplementation();
+        page.rootInstance.lastOptionSelected = 1;
+        await page.waitForChanges();
+        page.rootInstance.handleMultipleShiftSelect(3);
+        await page.waitForChanges();
+        expect(page.rootInstance.deselectSelectedOptions).toHaveBeenCalledWith([
+            1, 2, 3,
+        ]);
+    });
 });
 //# sourceMappingURL=ic-menu.spec.js.map