diff --git a/packages/main/src/MultiComboBox.js b/packages/main/src/MultiComboBox.js index 59162bf06363..8a0323501c3e 100644 --- a/packages/main/src/MultiComboBox.js +++ b/packages/main/src/MultiComboBox.js @@ -353,7 +353,7 @@ class MultiComboBox extends UI5Element { const popover = this._getPopover(isMorePopover); const otherPopover = this._getPopover(!isMorePopover); - if (popover && popover._isOpen) { + if (popover && popover.opened) { return popover.close(); } diff --git a/packages/main/test/sap/ui/webcomponents/main/pages/MultiComboBox.html b/packages/main/test/sap/ui/webcomponents/main/pages/MultiComboBox.html index deb66d2cd269..fa795af4b2d9 100644 --- a/packages/main/test/sap/ui/webcomponents/main/pages/MultiComboBox.html +++ b/packages/main/test/sap/ui/webcomponents/main/pages/MultiComboBox.html @@ -77,7 +77,7 @@ Predefined value
- + Cosy Compact Condensed diff --git a/packages/main/test/specs/MultiComboBox.spec.js b/packages/main/test/specs/MultiComboBox.spec.js index b64bdd6bdff4..afc17662c0b1 100644 --- a/packages/main/test/specs/MultiComboBox.spec.js +++ b/packages/main/test/specs/MultiComboBox.spec.js @@ -3,6 +3,19 @@ const assert = require("assert"); describe("MultiComboBox general interaction", () => { browser.url("http://localhost:8080/test-resources/sap/ui/webcomponents/main/pages/MultiComboBox.html"); + describe("toggling", () => { + it("opens/closes", () => { + const icon = browser.findElementDeep("#multi1 >>> #ui5-multi-combobox-input ui5-icon"); + const popover = browser.findElementDeep("#multi1 >>> .ui5-multi-combobox-all-items-popover >>> .ui5-popup-root"); + + icon.click(); + assert.ok(popover.isDisplayedInViewport(), "Popover should be displayed in the viewport"); + + icon.click(); + assert.ok(!popover.isDisplayedInViewport(), "Popover should close"); + }); + }); + describe("selection and filtering", () => { it("Opens all items popover, selects and deselects the first item", () => {