@ukic/canary-web-components 2.0.0-canary.8 → 3.0.0-canary.1

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

@@ -14,7 +14,7 @@ const menuOptions = [
     { label: "Flat White", value: "flatwhite" },
     {
         label: "Cappuccino",
-        value: "cappucino",
+        value: "cappuccino",
         description: "with chocolate is best!",
     },
     { label: "Americano", value: "americano" },
@@ -58,11 +58,11 @@ describe("ic-menu in isolation", () => {
         const page = await createMenu();
         expect(page).toMatchSnapshot();
     });
-    it("sets open prop to true by default", async () => {
+    it("should set open prop to true by default", async () => {
         const page = await createMenu();
         expect(page.root.open).toBe(true);
     });
-    it("tests ungroupedOptionsSet emitter", async () => {
+    it("should test ungroupedOptionsSet emitter", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("ungroupedOptionsSet", eventSpy);
@@ -74,7 +74,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests menuOptionSelect emitter", async () => {
+    it("should test menuOptionSelect emitter", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionSelect", eventSpy);
@@ -87,7 +87,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests menuStateChange emitter", async () => {
+    it("should test menuStateChange emitter", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuStateChange", eventSpy);
@@ -104,7 +104,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests menuOptionId emitter", async () => {
+    it("should test menuOptionId emitter", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionId", eventSpy);
@@ -117,7 +117,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests menuKeyPress emitter", async () => {
+    it("should test menuKeyPress emitter", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuKeyPress", eventSpy);
@@ -131,7 +131,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests setNextOptionValue function", async () => {
+    it("should test setNextOptionValue function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionSelect", eventSpy);
@@ -143,7 +143,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests setPreviousOptionValue function", async () => {
+    it("should test setPreviousOptionValue function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionSelect", eventSpy);
@@ -152,11 +152,11 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
             detail: expect.objectContaining({
-                value: "cappucino",
+                value: "cappuccino",
             }),
         }));
     });
-    it("tests handleClickOpen function", async () => {
+    it("should test handleClickOpen function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuStateChange", eventSpy);
@@ -170,7 +170,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests handleKeyboardOpen function", async () => {
+    it("should test handleKeyboardOpen function", async () => {
         const page = await createMenu();
         page.root.open = false;
         const eventSpy = jest.fn();
@@ -195,7 +195,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests autoSetInputValueKeyboardOpen function", async () => {
+    it("should test autoSetInputValueKeyboardOpen function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         const inputEl = page.rootInstance.inputEl;
@@ -232,7 +232,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests autoSetInputValueKeyboardOpen function with character keys", async () => {
+    it("should test autoSetInputValueKeyboardOpen function with character keys", async () => {
         const page = await createMenu();
         page.root.options = menuOptions;
         await page.waitForChanges();
@@ -241,7 +241,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.root.value).toBe("espresso");
     });
-    it("tests manualSetInputValueKeyboardOpen 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));
@@ -299,13 +299,18 @@ describe("ic-menu in isolation", () => {
         }));
         page.rootInstance.setHighlightedOption(2);
         await page.waitForChanges();
+        const eventSpy2 = jest.fn();
+        page.root.addEventListener("menuOptionId", eventSpy2);
         page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("ArrowDown"));
         await page.waitForChanges();
-        expect(page.rootInstance.value).toBe(searchMenuOptions[2].value);
+        expect(eventSpy2).toHaveBeenCalledWith(expect.objectContaining({
+            detail: expect.objectContaining({
+                optionId: "menu-id-cappuccino",
+            }),
+        }));
         page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Enter"));
         await page.waitForChanges();
         expect(page.rootInstance.disabledOptionSelected).toBe(true);
-        expect(page.rootInstance.value).toBe(searchMenuOptions[2].value);
         page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Escape"));
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
@@ -352,7 +357,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests manualSetInputValueKeyboardOpen function when searchable select", async () => {
+    it("should test manualSetInputValueKeyboardOpen function when searchable select", async () => {
         const searchableSelect = window.document.createElement("IC-SELECT");
         const input = window.document.createElement("input");
         searchableSelect.setFocus = jest.fn();
@@ -366,7 +371,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(searchableSelect.setFocus).toHaveBeenCalled();
     });
-    it("tests manualSetInputValueKeyboardOpen function when searchbar", async () => {
+    it("should test manualSetInputValueKeyboardOpen function when searchbar", async () => {
         const select = window.document.createElement("IC-SELECT");
         const input = window.document.createElement("input");
         select.setFocus = jest.fn();
@@ -379,7 +384,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(select.setFocus).toHaveBeenCalled();
     });
-    it("tests manualSetInputValueKeyboardOpen 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();
@@ -393,7 +398,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.rootInstance.value).toBe(menuOptions[0].value);
     });
-    it("tests manualSetInputValueKeyboardOpen function when multi-select", 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({
@@ -450,6 +455,21 @@ describe("ic-menu in isolation", () => {
         });
         await page.waitForChanges();
         expect(page.rootInstance.emitSelectAll).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({
+            id: "key-id",
+        }, menuOptions, 1);
         const eventSpy = jest.fn();
         page.rootInstance.selectAllButton.addEventListener("focus", eventSpy);
         await page.rootInstance.manualSetInputValueKeyboardOpen(keyboardEvent("Tab"));
@@ -459,7 +479,7 @@ describe("ic-menu in isolation", () => {
         expect(page.rootInstance.preventClickOpen).toBe(true);
         expect(page.rootInstance.optionHighlighted).toBe(undefined);
     });
-    it("tests manualSetInputValueKeyboardOpen function when select on enter", async () => {
+    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;
@@ -476,7 +496,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalled();
     });
-    it("tests setInputValue function when default parameter passed", async () => {
+    it("should test setInputValue function when default parameter passed", async () => {
         const select = window.document.createElement("IC-SELECT");
         const input = window.document.createElement("input");
         select.setFocus = jest.fn();
@@ -489,7 +509,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(select.setFocus).toHaveBeenCalled();
     });
-    it("tests handleSubmitSearch function", async () => {
+    it("should test handleSubmitSearch function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionSelect", eventSpy);
@@ -506,7 +526,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalled();
     });
-    it("tests handleSetFirstOption function", async () => {
+    it("should test handleSetFirstOption function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionSelect", eventSpy);
@@ -520,7 +540,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.rootInstance.optionHighlighted).toBe("espresso");
     });
-    it("tests handleClearListener function", async () => {
+    it("should test handleClearListener function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionSelect", eventSpy);
@@ -530,12 +550,12 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.rootInstance.optionHighlighted).toBe("");
     });
-    it("tests handleOptionClick function", async () => {
+    it("should test handleOptionClick function", async () => {
         const page = await createMenu();
         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();
@@ -549,8 +569,15 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         await page.rootInstance.handleOptionClick(event);
         expect(page.rootInstance.multiOptionClicked).toBe("doubleespresso");
+        page.rootInstance.value = ["espresso", "flatwhite", "cappuccino"];
+        page.rootInstance.isMultiSelect = true;
+        page.rootInstance.multiOptionClicked = null;
+        event.shiftKey = true;
+        await page.waitForChanges();
+        await page.rootInstance.handleOptionClick(event);
+        expect(page.rootInstance.multiOptionClicked).toBe("doubleespresso");
     });
-    it("tests handleBlur function", async () => {
+    it("should test handleBlur function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         const event = new FocusEvent("blur");
@@ -574,7 +601,7 @@ describe("ic-menu in isolation", () => {
             },
         }));
     });
-    it("tests handleMouseDown function", async () => {
+    it("should test handleMouseDown function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("preventDefault", eventSpy);
@@ -585,7 +612,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalled();
     });
-    it("tests handleMenuKeyDown function", async () => {
+    it("should test handleMenuKeyDown function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionSelect", eventSpy);
@@ -599,14 +626,14 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests searchMode=`query", async () => {
+    it("should test searchMode=`query", async () => {
         const page = await createMenu();
         page.rootInstance.searchMode = "query";
         await page.waitForChanges();
         page.rootInstance.handleMenuKeyDown(keyboardEvent("F"));
         expect(page.rootInstance.optionHighlighted).toBeUndefined;
     });
-    it("tests handleMenuKeyDown function as searchableSelect", async () => {
+    it("should test handleMenuKeyDown function as searchableSelect", async () => {
         const page = await createMenu();
         page.rootInstance.activationType = "manual";
         page.rootInstance.isSearchableSelect = true;
@@ -616,7 +643,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(eventSpy).toHaveBeenCalled();
     });
-    it("tests handleRetry function", async () => {
+    it("should test handleRetry function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("retryButtonClicked", eventSpy);
@@ -628,7 +655,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests handleRetryKeyDown function", async () => {
+    it("should test handleRetryKeyDown function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("retryButtonClicked", eventSpy);
@@ -641,7 +668,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests autoSetValueOnMenuKeyDown - Shift - function", async () => {
+    it("should test autoSetValueOnMenuKeyDown - Shift - function", async () => {
         const page = await createMenu();
         const inputEl = page.rootInstance.inputEl;
         const eventSpy = jest.fn();
@@ -652,7 +679,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(eventSpy).not.toHaveBeenCalled();
     });
-    it("tests autoSetValueOnMenuKeyDown function", async () => {
+    it("should test autoSetValueOnMenuKeyDown function", async () => {
         const page = await createMenu();
         const inputEl = page.rootInstance.inputEl;
         const eventSpy = jest.fn();
@@ -699,7 +726,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests handleMenukeyUp function", async () => {
+    it("should test handleMenukeyUp function", async () => {
         const page = await createMenu();
         page.rootInstance.preventClickOpen = true;
         let key = keyboardEvent("Tab");
@@ -714,8 +741,13 @@ 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("tests connectedCallback function", async () => {
+    it("should test connectedCallback function", async () => {
         const searchBar = window.document.createElement(IcSearchBar);
         const input = window.document.createElement("input");
         const page = await newSpecPage({
@@ -724,7 +756,7 @@ describe("ic-menu in isolation", () => {
         });
         expect(page.rootInstance.optionHighlighted).toBe("espresso");
     });
-    it("tests disconnectedCallback function", async () => {
+    it("should test disconnectedCallback function", async () => {
         const page = await createMenu();
         await page.waitForChanges();
         expect(page.rootInstance.parentEl.__listeners[1].type).toBe("icSubmitSearch");
@@ -732,10 +764,10 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.rootInstance.parentEl.__listeners.length).toBe(0);
     });
-    it("tests componentDidLoad function", async () => {
+    it("should test componentDidLoad function", async () => {
         const searchBar = window.document.createElement(IcSearchBar);
         const input = window.document.createElement("input");
-        searchBar.disableFilter = true;
+        searchBar.disableAutoFiltering = true;
         const page = await newSpecPage({
             components: [Menu, IcInputComponentContainer],
             template: () => (h("ic-menu", { open: true, activationType: "automatic", options: menuOptions, menuId: "menu-id", inputLabel: "input-label", inputEl: input, anchorEl: searchBar, value: menuOptions[0].value, parentEl: searchBar })),
@@ -745,7 +777,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.rootInstance.focusFromSearchKeypress).toBe(true);
     });
-    it("tests getParentEl function", async () => {
+    it("should test getParentEl function", async () => {
         const select = window.document.createElement("ic-select");
         select.searchable = true;
         select.setAttribute("searchable", "true");
@@ -754,7 +786,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.rootInstance.isSearchableSelect).toBe(true);
     });
-    it("tests handleTimeoutBlur function", async () => {
+    it("should test handleTimeoutBlur function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("timeoutBlur", eventSpy);
@@ -769,7 +801,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests handleMenuChange function when multi-select", async () => {
+    it("should test handleMenuChange function when multi-select", async () => {
         const page = await createMenu();
         page.rootInstance.optionHighlighted = "espresso";
         page.rootInstance.isMultiSelect = true;
@@ -779,7 +811,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.rootInstance.optionHighlighted).toBe(undefined);
     });
-    it("tests selectHighlightedOption function when multi-select", async () => {
+    it("should test selectHighlightedOption function when multi-select", async () => {
         const page = await createMenu();
         page.rootInstance.open = false;
         page.rootInstance.isMultiSelect = true;
@@ -789,7 +821,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.rootInstance.handleMenuChange).toHaveBeenCalledWith(true);
     });
-    it("tests selectHighlightedOption function when multi-select", async () => {
+    it("should test selectHighlightedOption function when multi-select", async () => {
         const page = await createMenu();
         page.rootInstance.open = false;
         page.rootInstance.isMultiSelect = true;
@@ -799,7 +831,7 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.rootInstance.handleMenuChange).toHaveBeenCalledWith(true);
     });
-    it("tests handleSelectAllClick function", async () => {
+    it("should test handleSelectAllClick function", async () => {
         const page = await createMenu();
         page.rootInstance.menu.tabIndex = -1;
         const eventSpy = jest.fn();
@@ -809,7 +841,7 @@ describe("ic-menu in isolation", () => {
         expect(eventSpy).toHaveBeenCalled();
         expect(page.rootInstance.emitSelectAll).toHaveBeenCalled();
     });
-    it("tests handleSelectAllBlur function", async () => {
+    it("should test handleSelectAllBlur function", async () => {
         const multiSelect = window.document.createElement("IC-SELECT");
         const input = window.document.createElement("input");
         const page = await newSpecPage({
@@ -825,12 +857,12 @@ describe("ic-menu in isolation", () => {
         await page.waitForChanges();
         expect(page.rootInstance.handleMenuChange).toHaveBeenCalledWith(false, false);
     });
-    it("tests handleSelectAllFocus function", async () => {
+    it("should test handleSelectAllFocus function", async () => {
         const page = await createMenu();
         await page.rootInstance.handleSelectAllFocus();
         expect(page.root).toMatchSnapshot();
     });
-    it("tests emitSelectAll function", async () => {
+    it("should test emitSelectAll function", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("menuOptionSelectAll", eventSpy);
@@ -867,7 +899,7 @@ describe("ic-menu in isolation", () => {
             }),
         }));
     });
-    it("tests handleSelectAllMouseDown", async () => {
+    it("should test handleSelectAllMouseDown", async () => {
         const page = await createMenu();
         const eventSpy = jest.fn();
         page.root.addEventListener("preventDefault", eventSpy);
@@ -876,5 +908,150 @@ describe("ic-menu in isolation", () => {
         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, IcInputComponentContainer],
+            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, IcInputComponentContainer],
+            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, IcInputComponentContainer],
+            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, IcInputComponentContainer],
+            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, IcInputComponentContainer],
+            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