diff --git a/packages/fiori/cypress/specs/ShellBar.cy.tsx b/packages/fiori/cypress/specs/ShellBar.cy.tsx
index cc1a64597b7a..efe68b0da3d6 100644
--- a/packages/fiori/cypress/specs/ShellBar.cy.tsx
+++ b/packages/fiori/cypress/specs/ShellBar.cy.tsx
@@ -611,6 +611,367 @@ describe("Events", () => {
cy.get("@logoClickSmall")
.should("have.been.calledOnce");
});
+
+ describe("Big screen", () => {
+ beforeEach(() => {
+ cy.viewport(1920, 1680);
+ });
+
+ it("tests opening of menu", () => {
+ cy.mount(
+
+ Menu Item 1
+ Menu Item 2
+ 
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-button")
+ .click();
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-popover")
+ .should("have.prop", "open", true);
+ });
+
+ it("tests notificationsClick event", () => {
+ cy.mount(
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .as("shellbar");
+
+ cy.get("@shellbar")
+ .then(shellbar => {
+ shellbar.get(0).addEventListener("ui5-notifications-click", cy.stub().as("notificationsClick"));
+ });
+
+ cy.get("@shellbar")
+ .shadow()
+ .find(".ui5-shellbar-bell-button")
+ .click();
+
+ cy.get("@notificationsClick")
+ .should("have.been.calledOnce");
+ });
+
+ it("tests profileClick event", () => {
+ cy.mount(
+
+
+ 
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .as("shellbar");
+
+ cy.get("@shellbar")
+ .then(shellbar => {
+ shellbar.get(0).addEventListener("ui5-profile-click", cy.stub().as("profileClick"));
+ });
+
+ cy.get("@shellbar")
+ .shadow()
+ .find("[data-profile-btn]")
+ .click();
+
+ cy.get("@profileClick")
+ .should("have.been.calledOnce");
+ });
+
+ it("tests productSwitchClick event", () => {
+ cy.mount(
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .as("shellbar");
+
+ cy.get("@shellbar")
+ .then(shellbar => {
+ shellbar.get(0).addEventListener("ui5-product-switch-click", cy.stub().as("productSwitchClick"));
+ });
+
+ cy.get("@shellbar")
+ .shadow()
+ .find(".ui5-shellbar-button-product-switch")
+ .click();
+
+ cy.get("@productSwitchClick")
+ .should("have.been.calledOnce");
+ });
+
+ it("tests logoClick event", () => {
+ cy.mount(
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .as("shellbar");
+
+ cy.get("@shellbar")
+ .then(shellbar => {
+ shellbar.get(0).addEventListener("ui5-logo-click", cy.stub().as("logoClick"));
+ });
+
+ cy.get("@shellbar")
+ .shadow()
+ .find(".ui5-shellbar-logo")
+ .click();
+
+ cy.get("@logoClick")
+ .should("have.been.calledOnce");
+ });
+
+ it("tests search-button-click event", () => {
+ cy.viewport(870, 1680);
+
+ cy.mount(
+
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .as("shellbar");
+
+ cy.get("@shellbar")
+ .then(shellbar => {
+ shellbar.get(0).addEventListener("ui5-search-button-click", (e) => {
+ e.preventDefault();
+ cy.stub().as("searchButtonClick")();
+ });
+ });
+
+ cy.get("@shellbar").should("have.prop", "showSearchField", false);
+
+ cy.get("@shellbar")
+ .shadow()
+ .find(".ui5-shellbar-search-button")
+ .click();
+
+ cy.get("@shellbar").should("have.prop", "showSearchField", false);
+
+ cy.get("@searchButtonClick")
+ .should("have.been.calledOnce");
+ });
+
+ it("tests menuItemClick event", () => {
+ cy.mount(
+
+ Application 1
+ Application 2
+
+
+ );
+
+ cy.get("[ui5-li][slot='menuItems']").each(($item) => {
+ const item = $item[0];
+ item.addEventListener("click", cy.stub().as(`menuItemClick${item.getAttribute("data-key")}`));
+ });
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-button")
+ .click();
+
+ cy.get("[ui5-li][slot='menuItems']").first().click();
+
+ cy.get("@menuItemClickkey1")
+ .should("have.been.calledOnce");
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-button")
+ .click();
+
+ cy.get("[ui5-li][slot='menuItems']").eq(1).click();
+
+ cy.get("@menuItemClickkey2")
+ .should("have.been.calledOnce");
+ });
+
+ it("tests if searchfield toggles when altering the showSearchField property", () => {
+ cy.mount(
+
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]").should("have.prop", "showSearchField", true);
+
+ cy.get("[ui5-shellbar]").invoke("prop", "showSearchField", false);
+
+ cy.get("[ui5-shellbar]").should("have.prop", "showSearchField", false);
+
+ cy.get("[ui5-shellbar]").invoke("prop", "showSearchField", true);
+ cy.get("[ui5-shellbar]").should("have.prop", "showSearchField", true);
+ });
+ });
+
+ describe("Small screen", () => {
+ beforeEach(() => {
+ cy.viewport(510, 1680);
+ });
+
+ it("tests logoClick event", () => {
+ cy.mount(
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .as("shellbar");
+
+ cy.get("@shellbar")
+ .then(shellbar => {
+ shellbar.get(0).addEventListener("ui5-logo-click", cy.stub().as("logoClick"));
+ });
+
+ cy.get("@shellbar")
+ .shadow()
+ .find(".ui5-shellbar-logo")
+ .click();
+
+ cy.get("@logoClick")
+ .should("have.been.calledOnce");
+ });
+
+ it("tests opening of menu", () => {
+ cy.mount(
+
+ Menu Item 1
+ Menu Item 2
+
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-button")
+ .click();
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-popover")
+ .should("have.prop", "open", true);
+ });
+
+ it("tests profileClick event", () => {
+ cy.mount(
+
+
+
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .as("shellbar");
+
+ cy.get("@shellbar")
+ .then(shellbar => {
+ shellbar.get(0).addEventListener("ui5-profile-click", cy.stub().as("profileClick"));
+ });
+
+ cy.get("@shellbar")
+ .shadow()
+ .find("[data-profile-btn]")
+ .click();
+
+ cy.get("@profileClick")
+ .should("have.been.calledOnce");
+ });
+
+ it("tests productSwitchClick event", () => {
+ cy.mount(
+
+ 
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .as("shellbar");
+
+ cy.get("@shellbar")
+ .then(shellbar => {
+ shellbar.get(0).addEventListener("ui5-product-switch-click", cy.stub().as("productSwitchClick"));
+ });
+
+ cy.get("@shellbar")
+ .shadow()
+ .find(".ui5-shellbar-button-product-switch")
+ .click();
+
+ cy.get("@productSwitchClick")
+ .should("have.been.calledOnce");
+ });
+
+ it("tests preventDefault of click on a button with default behavior prevented", () => {
+ cy.mount(
+
+
+
+
+
+
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]").then(($shellbar) => {
+ const shellbar = $shellbar[0] as HTMLElement;
+ shellbar.addEventListener("ui5-notifications-click", (e: Event) => {
+ e.preventDefault();
+ });
+ });
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-overflow-button")
+ .realClick();
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-overflow-popover")
+ .should("be.visible");
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-overflow-popover [ui5-list] [ui5-li]:nth-child(3)")
+ .realClick();
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-overflow-popover")
+ .should("be.visible");
+ });
+ });
});
describe("ButtonBadge in ShellBar", () => {
@@ -839,3 +1200,211 @@ describe("Branding slot", () => {
});
});
+
+describe("Component Behavior", () => {
+ describe("Accessibility", () => {
+ it("tests accessibilityTexts property", () => {
+ const PROFILE_BTN_CUSTOM_TOOLTIP = "John Dow";
+ const LOGO_CUSTOM_TOOLTIP = "Custom logo title";
+
+ cy.mount(
+
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]").then(($shellbar) => {
+ $shellbar[0].accessibilityAttributes = {
+ profile: {
+ name: PROFILE_BTN_CUSTOM_TOOLTIP,
+ },
+ logo: {
+ name: LOGO_CUSTOM_TOOLTIP
+ },
+ };
+ });
+
+ cy.get("[ui5-shellbar]").should("have.prop", "_profileText", PROFILE_BTN_CUSTOM_TOOLTIP);
+
+ cy.get("[ui5-shellbar]").should("have.prop", "_logoText", LOGO_CUSTOM_TOOLTIP);
+ });
+
+ it("tests acc default roles", () => {
+ cy.mount(
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-logo-area")
+ .should("have.attr", "role", "link");
+ });
+
+ it("tests accessibilityAttributes property", () => {
+ const NOTIFICATIONS_BTN_ARIA_HASPOPUP = "dialog";
+
+ cy.mount(
+
+
+ Product Title
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]").then(($shellbar) => {
+ $shellbar[0].accessibilityAttributes = {
+ notifications: {
+ hasPopup: NOTIFICATIONS_BTN_ARIA_HASPOPUP
+ },
+ };
+ });
+
+ cy.get("[ui5-shellbar]").then(($shellbar) => {
+ const accAttrs = ($shellbar[0] as any).accInfo;
+ expect(accAttrs.notifications.accessibilityAttributes.hasPopup).to.equal(NOTIFICATIONS_BTN_ARIA_HASPOPUP);
+ });
+ });
+ });
+
+ describe("ui5-shellbar menu", () => {
+ it("tests prevents close on content click", () => {
+ cy.viewport(1920, 1680);
+
+ cy.mount(
+
+ Menu Item 1
+ Menu Item 2
+
+
+ );
+
+ cy.get("[ui5-li][slot='menuItems']").first().then($item => {
+ $item[0].addEventListener("click", cy.stub().as("menuItemClick"));
+ });
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-button")
+ .click();
+
+ cy.get("[ui5-li][slot='menuItems']").first().click();
+ cy.get("@menuItemClick")
+ .should("have.been.calledOnce");
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-popover")
+ .should("have.prop", "open", true);
+ });
+
+ it("tests close on content click", () => {
+ cy.mount(
+
+ Application 1
+ Application 2
+
+ );
+
+ cy.get("[ui5-shellbar]").should("exist");
+
+ cy.get("[slot='menuItems']").should("have.length", 2);
+
+ cy.get("[ui5-shellbar]").should(($shellbar) => {
+ const shellbar = $shellbar[0] as any;
+ expect(shellbar.menuItems).to.exist;
+ expect(shellbar.menuItems.length).to.be.greaterThan(0);
+ });
+
+ cy.get("[ui5-li][slot='menuItems']").first().then($item => {
+ $item[0].addEventListener("click", cy.stub().as("menuItemClick"));
+ });
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-button")
+ .should("exist")
+ .should("be.visible")
+ .realClick();
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-popover")
+ .should("have.prop", "open", true);
+
+ cy.get("[ui5-li][slot='menuItems']")
+ .first()
+ .should("be.visible")
+ .realClick();
+
+ cy.get("@menuItemClick")
+ .should("have.been.calledOnce");
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(".ui5-shellbar-menu-popover")
+ .should("have.prop", "open", false);
+ });
+ });
+
+ describe("ui5-shellbar-item", () => {
+ it("tests the stable-dom-ref attribute", () => {
+ cy.mount(
+
+
+
+
+ );
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(`[data-ui5-stable="schedule"]`)
+ .should("exist");
+ });
+
+ it("tests 'click' on custom action", () => {
+ cy.mount(
+
+
+
+
+ );
+
+ cy.get("[ui5-shellbar-item]").each(($item) => {
+ const item = $item[0];
+ const icon = item.getAttribute("icon");
+ const stubAlias = icon === "accept" ? "acceptClick" : "alertClick";
+ item.addEventListener("click", cy.stub().as(stubAlias));
+ });
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(`.ui5-shellbar-custom-item[icon="accept"]`)
+ .click();
+
+ cy.get("@acceptClick")
+ .should("have.been.calledOnce");
+
+ cy.get("[ui5-shellbar]")
+ .shadow()
+ .find(`.ui5-shellbar-custom-item[icon="alert"]`)
+ .click();
+
+ cy.get("@alertClick")
+ .should("have.been.calledOnce");
+ });
+ });
+});
\ No newline at end of file
diff --git a/packages/fiori/test/specs/ShellBar.spec.js b/packages/fiori/test/specs/ShellBar.spec.js
deleted file mode 100644
index 88da047c01e2..000000000000
--- a/packages/fiori/test/specs/ShellBar.spec.js
+++ /dev/null
@@ -1,259 +0,0 @@
-import { assert } from "chai";
-const HANDLE_RESIZE_DEBOUNCE_RATE_WAIT = 250; // ms
-
-const getOverflowPopover = async id => {
- return browser.$(`#${id}`).shadow$(".ui5-shellbar-overflow-popover");
-}
-
-describe("Component Behavior", () => {
- beforeEach(async () => {
- await browser.url(`test/pages/ShellBar.html`);
- });
-
- describe("Accessibility", () => {
- it("tests accessibilityTexts property", async () => {
- const PROFILE_BTN_CUSTOM_TOOLTIP = "John Dow";
- const LOGO_CUSTOM_TOOLTIP = "Custom logo title";
- const sb = await browser.$("#sbAcc");
-
- assert.strictEqual(await sb.getProperty("_profileText"), PROFILE_BTN_CUSTOM_TOOLTIP,
- "Profile button tooltip can be customized.");
- assert.strictEqual(await sb.getProperty("_logoText"), LOGO_CUSTOM_TOOLTIP,
- "Logo tooltip can be customized.");
- });
-
- it("tests acc default roles", async () => {
- const sb = await browser.$("#sbAcc");
- const logoDOM = await sb.shadow$(".ui5-shellbar-logo-area");
-
- // assert
- assert.strictEqual(await logoDOM.getAttribute("role"), "link",
- "Logo has the correct default role.");
- });
-
- it("tests acc custom roles", async () => {
- const sb = await browser.$("#sb");
- const logoDOM = await sb.shadow$(".ui5-shellbar-logo-area");
-
- // assertHANDLE_RESIZE_DEBOUNCE_RATE_WAIT
- assert.strictEqual(await logoDOM.getAttribute("role"), "link",
- "Logo has the correct custom role.");
- });
-
- it("tests accessibilityAttributes property", async () => {
- const NOTIFICATIONS_BTN_ARIA_HASPOPUP = "dialog";
- const sb = await browser.$("#sbAccAttr");
- const accAttrs = await sb.getProperty("accInfo");
-
- assert.strictEqual(accAttrs.notifications.accessibilityAttributes.hasPopup, NOTIFICATIONS_BTN_ARIA_HASPOPUP,
- "Notifications aria-haspopup could be customized.");
- });
- });
-
- describe("ui5-shellbar menu", () => {
- it("tests prevents close on content click", async () => {
- await browser.setWindowSize(1920, 1680);
- const primaryTitle = await browser.$("#shellbar").shadow$(".ui5-shellbar-menu-button");
- const menuPopover = await browser.$(`#shellbar`).shadow$(".ui5-shellbar-menu-popover");
- const firstMenuItem = await browser.$("[ui5-li][slot='menuItems']");
- const checkBox = await browser.$("#checkKeepPopoverOpen");
-
- await checkBox.setProperty("checked", true);
-
- await primaryTitle.click();
- await firstMenuItem.click();
-
- assert.strictEqual(await menuPopover.getProperty("open"), true, "Popover remains open");
- });
-
- it("tests close on content click", async () => {
- const primaryTitle = await browser.$("#shellbar").shadow$(".ui5-shellbar-menu-button");
- const menuPopover = await browser.$(`#shellbar`).shadow$(".ui5-shellbar-menu-popover");
- const firstMenuItem = await browser.$("[ui5-li][slot='menuItems']");
- const checkBox = await browser.$("#checkKeepPopoverOpen");
-
- await checkBox.setProperty("checked", false);
-
- await primaryTitle.click();
- await firstMenuItem.click();
-
- assert.strictEqual(await menuPopover.getProperty("open"), false, "Popover is closed");
- });
- });
-
- describe("ui5-shellbar-item", async () => {
- it("tests the stable-dom-ref attribute", async () => {
- const shellbar = await browser.$("#shellbarwithitems");
- const innerButtonWithStableDomRef = await shellbar.shadow$(`[data-ui5-stable="schedule"]`);
-
- assert.ok(await innerButtonWithStableDomRef.isExisting(), "There is indeed an element in the Shellbar's shadow root with an attribute, matching the stable dom ref");
- });
-
- it("tests 'click' on custom action", async () => {
- const shellbar = await browser.$("#shellbarwithitems");
- const resultInput = await browser.$("#press-input3");
- const customActionIcon1 = await shellbar.shadow$(`.ui5-shellbar-custom-item[icon="accept"]`);
- const customActionIcon2 = await shellbar.shadow$(`.ui5-shellbar-custom-item[icon="alert"]`);
-
- await customActionIcon1.click();
- assert.strictEqual(await resultInput.getProperty("value"), "accept",
- "click, fired by the first item");
-
- await customActionIcon2.click();
- assert.strictEqual(await resultInput.getProperty("value"), "warning",
- "click, fired by the second item");
- });
- });
-
- describe("Events", () => {
-
- describe("Big screen", () => {
- beforeEach(async () => {
- await browser.setWindowSize(1920, 1680);
- });
-
- it("tests opening of menu", async () => {
- const primaryTitle = await browser.$("#shellbar").shadow$(".ui5-shellbar-menu-button");
- const menuPopover = await browser.$(`#shellbar`).shadow$(".ui5-shellbar-menu-popover");
-
- await primaryTitle.click();
- assert.ok(await menuPopover.isDisplayedInViewport(), "Menu should be shown");
- });
-
- it("tests notificationsClick event", async () => {
- const notificationsIcon = await browser.$("#shellbar").shadow$(".ui5-shellbar-bell-button");
- const input = await browser.$("#press-input");
-
- await notificationsIcon.click();
- assert.strictEqual(await input.getValue(), "Notifications", "Input value is set by click event of Notifications icon");
- });
-
- it("tests profileClick event", async () => {
- const profileIcon = await browser.$("#shellbar").shadow$("[data-profile-btn]");
- const input = await browser.$("#press-input");
-
- await profileIcon.click();
- assert.strictEqual(await input.getValue(), "Profile", "Input value is set by click event of Profile");
- });
-
- it("tests productSwitchClick event", async () => {
- const productSwitchIcon = await browser.$("#shellbar").shadow$(".ui5-shellbar-button-product-switch");
- const input = await browser.$("#press-input");
-
- await productSwitchIcon.click();
- assert.strictEqual(await input.getValue(), "Product Switch", "Input value is set by click event of Product Switch icon");
- });
-
- it("tests logoClick event", async () => {
- const logo = await browser.$("#shellbar").shadow$(".ui5-shellbar-logo");
- const input = await browser.$("#press-input");
-
- await logo.click();
- assert.strictEqual(await input.getValue(), "Logo", "Input value is set by click event of Logo");
- });
-
- it("tests search-button-click event", async () => {
- await browser.setWindowSize(870, 1680); // search icon is not visible on XXL breakpoint
- await browser.pause(HANDLE_RESIZE_DEBOUNCE_RATE_WAIT);
-
- const searchButton = await browser.$("#sb").shadow$(".ui5-shellbar-search-button");
- const searchField = await browser.$("#sb").shadow$(".ui5-shellbar-search-field");
- assert.strictEqual(await searchField.isDisplayed(), false, "Search is hidden by default");
-
- await searchButton .click();
- assert.notOk(await searchField.isDisplayed(), "Search field should not be opened");
- });
-
-
- it("tests menuItemClick event", async () => {
- const primaryTitle = await browser.$("#shellbar").shadow$(".ui5-shellbar-menu-button");
-
- const firstMenuItem = await browser.$("#shellbar [ui5-li][slot='menuItems']");
- const secondMenuItem = await browser.$$("#shellbar [ui5-li][slot='menuItems']")[1];
- const input = await browser.$("#press-input");
- const inputData = await browser.$("#press-data");
-
- await primaryTitle.click();
- await firstMenuItem.click();
-
- assert.strictEqual(await input.getValue(), "Application 1", "Input value is set by click event of the first menu item");
- assert.strictEqual(await inputData.getValue(), "key1", "The user defined attributes are available.");
-
- await input.setProperty("value", "");
- await inputData.setProperty("value", "");
-
- await primaryTitle.click();
- await secondMenuItem.click();
-
- assert.strictEqual(await input.getValue(), "Application 2", "Input value is set by click event of the second menu item");
- assert.strictEqual(await inputData.getValue(), "key2", "The user defined attributes are available.");
- });
-
- it("tests if searchfield toggles when altering the showSearchField property", async () => {
- const searchField = await browser.$("#shellbar").shadow$(".ui5-shellbar-search-full-width-wrapper");
- const shellBar = await browser.$("#shellbar");
-
- //assert.ok(await searchField.isDisplayed(), "Search is shown by default");
-
- await shellBar.setProperty('showSearchField', false);
- assert.notOk(await searchField.isDisplayed(), "Search is invisible after altering the showSearchField property of the ShellBar");
- await shellBar.setProperty('showSearchField', true); // Clean Up
- });
- });
-
- describe("Small screen", () => {
- beforeEach(async () => {
- await browser.setWindowSize(510, 1680);
- await browser.$("#shellbar").setProperty("showSearchField", false);
- });
-
- it("tests logoClick event", async () => {
- const logo = await browser.$("#shellbarWithLogoClick").shadow$(".ui5-shellbar-logo");
- const title = "SAPLabsBulgaria";
- const input = await browser.$("#press-input2");
-
- await logo.click();
- assert.strictEqual(await input.getValue(), title, "Input value is set by click event of Logo");
- });
-
- it("tests opening of menu", async () => {
- const primaryTitle = await browser.$("#shellbar").shadow$(".ui5-shellbar-menu-button");
-
- const menuPopover = await browser.$(`#shellbar`).shadow$(".ui5-shellbar-menu-popover");
-
- await primaryTitle.click();
- assert.ok(await menuPopover.isDisplayedInViewport(), "Menu should be shown");
- });
-
- it("tests profileClick event", async () => {
- const profileIcon = await browser.$("#shellbar").shadow$("[data-profile-btn]");
- const input = await browser.$("#press-input");
-
- await profileIcon.click();
- assert.strictEqual(await input.getValue(), "Profile", "Input value is set by click event of Profile");
- });
-
- it("tests productSwitchClick event", async () => {
-
- const psIcon = await browser.$("#shellbar").shadow$(".ui5-shellbar-button-product-switch");
- const input = await browser.$("#press-input");
-
- await psIcon.click();
-
- assert.strictEqual(await input.getValue(), "Product Switch", "Input value is set by click event of Product Switch icon");
- });
-
- it("tests preventDefault of click on a button with default behavior prevented", async () => {
- const overflowButton = await browser.$("#shellbarWithStartContent").shadow$(".ui5-shellbar-overflow-button");
-
- const overflowPopover = await browser.$(`#shellbarWithStartContent`).shadow$(".ui5-shellbar-overflow-popover");
- const notificationsIcon = await overflowPopover.$("ui5-list ui5-li:nth-child(3)");
-
- await overflowButton.click();
- await notificationsIcon.click();
-
- assert.ok(await overflowPopover.isDisplayed(), "overflow popover should not be closed");
- });
- });
- });
-});