diff --git a/packages/fiori/cypress/specs/ShellBar.cy.tsx b/packages/fiori/cypress/specs/ShellBar.cy.tsx
index eb762a0cd612..1fc68d9c9353 100644
--- a/packages/fiori/cypress/specs/ShellBar.cy.tsx
+++ b/packages/fiori/cypress/specs/ShellBar.cy.tsx
@@ -504,9 +504,9 @@ describe("Slots", () => {
 			cy.mount(
 				<ShellBar id="shellbar" primaryTitle="Product Title" showNotifications={true}></ShellBar>
 			);
-			
+
 			cy.get("#shellbar").as("shellbar");
-			
+
 			// Add search field after a timeout (simulating real-world scenario)
 			cy.get("@shellbar").then(shellbar => {
 				setTimeout(() => {
@@ -516,15 +516,15 @@ describe("Slots", () => {
 					shellbar.get(0).appendChild(searchField);
 				}, 100);
 			});
-			
+
 			// Wait for the search field to be added
 			cy.get("#delayed-search", { timeout: 1000 }).should("exist");
-			
+
 			// Search should now be visible and collapsed
 			cy.get("#shellbar [slot='searchField']")
 				.should("exist")
 				.should("have.prop", "collapsed", true);
-			
+
 			// click the searchField to expand it
 			cy.get("#shellbar [slot='searchField']")
 				.click()
@@ -611,6 +611,385 @@ describe("Events", () => {
 		cy.get("@logoClickSmall")
 			.should("have.been.calledOnce");
 	});
+
+	describe("Big screen", () => {
+		beforeEach(() => {
+			cy.viewport(1920, 1680);
+		});
+
+		it("tests opening of menu", () => {
+			cy.mount(
+				<ShellBar primaryTitle="Product Title">
+					<ListItemStandard slot="menuItems">Menu Item 1</ListItemStandard>
+					<ListItemStandard slot="menuItems">Menu Item 2</ListItemStandard>
+					<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+				</ShellBar>
+			);
+
+			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(
+				<div>
+					<input id="press-input" />
+					<ShellBar showNotifications={true}>
+						<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					</ShellBar>
+				</div>
+			);
+
+			cy.get("[ui5-shellbar]").then($shellbar => {
+				const shellbar = $shellbar[0];
+				shellbar.addEventListener("ui5-notifications-click", () => {
+					(document.getElementById("press-input") as HTMLInputElement).value = "Notifications";
+				});
+			});
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(".ui5-shellbar-bell-button")
+				.click();
+
+			cy.get("#press-input").should("have.value", "Notifications");
+		});
+
+		it("tests profileClick event", () => {
+			cy.mount(
+				<div>
+					<input id="press-input" />
+					<ShellBar>
+						<Avatar slot="profile">
+							<img src="https://sdk.openui5.org/test-resources/sap/f/images/Woman_avatar_01.png" />
+						</Avatar>
+						<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					</ShellBar>
+				</div>
+			);
+
+			cy.get("[ui5-shellbar]").then($shellbar => {
+				const shellbar = $shellbar[0];
+				shellbar.addEventListener("ui5-profile-click", () => {
+					(document.getElementById("press-input") as HTMLInputElement).value = "Profile";
+				});
+			});
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find("[data-profile-btn]")
+				.click();
+
+			cy.get("#press-input").should("have.value", "Profile");
+		});
+
+		it("tests productSwitchClick event", () => {
+			cy.mount(
+				<div>
+					<input id="press-input" />
+					<ShellBar showProductSwitch={true}>
+						<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					</ShellBar>
+				</div>
+			);
+
+			cy.get("[ui5-shellbar]").then($shellbar => {
+				const shellbar = $shellbar[0];
+				shellbar.addEventListener("ui5-product-switch-click", () => {
+					(document.getElementById("press-input") as HTMLInputElement).value = "Product Switch";
+				});
+			});
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(".ui5-shellbar-button-product-switch")
+				.click();
+
+			cy.get("#press-input").should("have.value", "Product Switch");
+		});
+
+		it("tests logoClick event", () => {
+			cy.mount(
+				<div>
+					<input id="press-input" />
+					<ShellBar>
+						<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					</ShellBar>
+				</div>
+			);
+
+			cy.get("[ui5-shellbar]").then($shellbar => {
+				const shellbar = $shellbar[0];
+				shellbar.addEventListener("ui5-logo-click", () => {
+					(document.getElementById("press-input") as HTMLInputElement).value = "Logo";
+				});
+			});
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(".ui5-shellbar-logo")
+				.click();
+
+			cy.get("#press-input").should("have.value", "Logo");
+		});
+
+		it("tests search-button-click event", () => {
+			cy.viewport(870, 1680);
+
+			cy.mount(
+				<div>
+					<input id="press-input" />
+					<ShellBar>
+						<Input slot="searchField" placeholder="Search" />
+						<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					</ShellBar>
+				</div>
+			);
+
+			cy.get("[ui5-shellbar]").then($shellbar => {
+				const shellbar = $shellbar[0];
+				shellbar.addEventListener("ui5-search-button-click", (e) => {
+					e.preventDefault();
+					(document.getElementById("press-input") as HTMLInputElement).value = "Search clicked";
+				});
+			});
+
+			cy.get("[ui5-shellbar]").should("have.prop", "showSearchField", false);
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(".ui5-shellbar-search-button")
+				.click();
+
+			cy.get("[ui5-shellbar]").should("have.prop", "showSearchField", false);
+
+			cy.get("#press-input").should("have.value", "Search clicked");
+		});
+
+		it("tests menuItemClick event", () => {
+			cy.mount(
+				<div>
+					<input id="press-input" />
+					<input id="press-data" />
+					<ShellBar primaryTitle="Product Title">
+						<ListItemStandard slot="menuItems" data-key="key1">Application 1</ListItemStandard>
+						<ListItemStandard slot="menuItems" data-key="key2">Application 2</ListItemStandard>
+						<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					</ShellBar>
+				</div>
+			);
+
+			cy.get("[ui5-li][slot='menuItems']").each(($item) => {
+				const item = $item[0];
+				item.addEventListener("click", () => {
+					(document.getElementById("press-input") as HTMLInputElement).value = item.textContent.trim();
+					(document.getElementById("press-data") as HTMLInputElement).value = 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("#press-input").should("have.value", "Application 1");
+			cy.get("#press-data").should("have.value", "key1");
+
+			cy.get("#press-input").invoke("prop", "value", "");
+			cy.get("#press-data").invoke("prop", "value", "");
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(".ui5-shellbar-menu-button")
+				.click();
+
+			cy.get("[ui5-li][slot='menuItems']").eq(1).click();
+
+			cy.get("#press-input").should("have.value", "Application 2");
+			cy.get("#press-data").should("have.value", "key2");
+		});
+
+		it("tests if searchfield toggles when altering the showSearchField property", () => {
+			cy.mount(
+				<ShellBar showSearchField={true}>
+					<Input slot="searchField" placeholder="Search" />
+					<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+				</ShellBar>
+			);
+
+			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(
+				<div>
+					<input id="press-input2" />
+					<ShellBar showSearchField={false}>
+						<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					</ShellBar>
+				</div>
+			);
+
+			const title = "SAPLabsBulgaria";
+
+			cy.get("[ui5-shellbar]").then($shellbar => {
+				const shellbar = $shellbar[0];
+				shellbar.addEventListener("ui5-logo-click", () => {
+					(document.getElementById("press-input2") as HTMLInputElement).value = title;
+				});
+			});
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(".ui5-shellbar-logo")
+				.click();
+
+			cy.get("#press-input2").should("have.value", title);
+		});
+
+		it("tests opening of menu", () => {
+			cy.mount(
+				<ShellBar primaryTitle="Product Title" showSearchField={false}>
+					<ListItemStandard slot="menuItems">Menu Item 1</ListItemStandard>
+					<ListItemStandard slot="menuItems">Menu Item 2</ListItemStandard>
+					<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+				</ShellBar>
+			);
+
+			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(
+				<div>
+					<input id="press-input" />
+					<ShellBar showSearchField={false}>
+						<Avatar slot="profile">
+							<img src="https://sdk.openui5.org/test-resources/sap/f/images/Woman_avatar_01.png" />
+						</Avatar>
+						<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					</ShellBar>
+				</div>
+			);
+
+			cy.get("[ui5-shellbar]").then($shellbar => {
+				const shellbar = $shellbar[0];
+				shellbar.addEventListener("ui5-profile-click", () => {
+					(document.getElementById("press-input") as HTMLInputElement).value = "Profile";
+				});
+			});
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find("[data-profile-btn]")
+				.click();
+
+			cy.get("#press-input").should("have.value", "Profile");
+		});
+
+		it("tests productSwitchClick event", () => {
+			cy.mount(
+				<div>
+					<input id="press-input" />
+					<ShellBar showSearchField={false} showProductSwitch={true}>
+						<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					</ShellBar>
+				</div>
+			);
+
+			cy.get("[ui5-shellbar]").then($shellbar => {
+				const shellbar = $shellbar[0];
+				shellbar.addEventListener("ui5-product-switch-click", () => {
+					(document.getElementById("press-input") as HTMLInputElement).value = "Product Switch";
+				});
+			});
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(".ui5-shellbar-button-product-switch")
+				.click();
+
+			cy.get("#press-input").should("have.value", "Product Switch");
+		});
+
+		it("tests preventDefault of click on a button with default behavior prevented", () => {
+			cy.mount(
+				<ShellBar
+					primaryTitle="Product Title"
+					secondaryTitle="Second title"
+					notificationsCount="99+"
+					showNotifications
+					showProductSwitch
+					showSearchField={false}
+				>
+					<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					<Button slot="content">Button 1</Button>
+					<Button slot="content">Button 2</Button>
+					<ToggleButton icon="sap-icon://da" slot="assistant" />
+					<Button icon="nav-back" slot="startButton" />
+					<ShellBarItem icon="disconnected" text="Disconnect" />
+					<ShellBarItem icon="incoming-call" text="Incoming Calls" />
+				</ShellBar>
+			);
+		
+			cy.get<ShellBar>("[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", () => {
@@ -814,3 +1193,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(
+				<ShellBar>
+					<img src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" slot="logo" />
+					<Avatar slot="profile" icon="customer" />
+				</ShellBar>
+			);
+
+			cy.get<ShellBar>("[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(
+				<ShellBar>
+					<img src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" slot="logo" />
+				</ShellBar>
+			);
+
+			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(
+				<ShellBar
+					secondaryTitle="Second Title"
+					showNotifications
+					showProductSwitch
+				>
+					<ShellBarBranding slot="branding">
+						Product Title
+						<img src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" slot="logo" />
+					</ShellBarBranding>
+				</ShellBar>
+			);
+
+			cy.get<ShellBar>("[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(
+				<div>
+					<input type="checkbox" id="checkKeepPopoverOpen" />
+					<ShellBar primaryTitle="Product Title">
+						<ListItemStandard slot="menuItems">Menu Item 1</ListItemStandard>
+						<ListItemStandard slot="menuItems">Menu Item 2</ListItemStandard>
+						<img slot="logo" src="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg" />
+					</ShellBar>
+				</div>
+			);
+
+			cy.get("#checkKeepPopoverOpen").check();
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(".ui5-shellbar-menu-button")
+				.click();
+
+			cy.get("[ui5-li][slot='menuItems']").first().click();
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(".ui5-shellbar-menu-popover")
+				.should("have.prop", "open", true);
+		});
+
+		it("tests close on content click", () => {
+			cy.mount(
+				<>
+					<input type="checkbox" id="checkKeepPopoverOpen" />
+					<ShellBar
+						primaryTitle="Product Title"
+						secondaryTitle="Second title"
+						showNotifications
+						showProductSwitch
+						showSearchField
+					>
+						<ListItemStandard slot="menuItems" data-key="key1">Application 1</ListItemStandard>
+						<ListItemStandard slot="menuItems" data-key="key2">Application 2</ListItemStandard>
+					</ShellBar>
+				</>
+			);
+
+			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("#checkKeepPopoverOpen").invoke("prop", "checked", false);
+
+			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("[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(
+				<ShellBar>
+					<ShellBarItem icon="activities" text="Schedule" stable-dom-ref="schedule" />
+					<ShellBarItem icon="accept" text="Accept" />
+				</ShellBar>
+			);
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(`[data-ui5-stable="schedule"]`)
+				.should("exist");
+		});
+
+		it("tests 'click' on custom action", () => {
+			cy.mount(
+				<div>
+					<input id="press-input3" />
+					<ShellBar>
+						<ShellBarItem icon="accept" text="Accept" />
+						<ShellBarItem icon="alert" text="Alert" />
+					</ShellBar>
+				</div>
+			);
+
+			cy.get("[ui5-shellbar-item]").each(($item) => {
+				const item = $item[0];
+				item.addEventListener("click", () => {
+					const icon = item.getAttribute("icon");
+					const value = icon === "accept" ? "accept" : "warning";
+					(document.getElementById("press-input3") as HTMLInputElement).value = value;
+				});
+			});
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(`.ui5-shellbar-custom-item[icon="accept"]`)
+				.click();
+
+			cy.get("#press-input3").should("have.value", "accept");
+
+			cy.get("[ui5-shellbar]")
+				.shadow()
+				.find(`.ui5-shellbar-custom-item[icon="alert"]`)
+				.click();
+
+			cy.get("#press-input3").should("have.value", "warning");
+		});
+	});
+});
\ 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");
-			});
-		});
-	});
-});