fix(ui5-shellbar): fire logoClick on small size (#1192)

Author: ilhan007

packages/fiori/src/ShellBar.hbs

@@ -16,7 +16,7 @@
 		{{#if showArrowDown}}
 			<button tabindex="0" class="{{classes.button}}" @click="{{_header.press}}">
 				{{#if interactiveLogo}}
-					<img class="ui5-shellbar-logo" src="{{logo}}" />
+					<img class="ui5-shellbar-logo" src="{{logo}}" @click="{{_logoPress}}" />
 				{{/if}}
 
 				{{#if primaryTitle}}

packages/fiori/test/pages/ShellBar.html

@@ -81,6 +81,7 @@
 ></ui5-shellbar>
 
 <ui5-shellbar
+        id="shellbarWithLogoClick"
         class="shellbar-example"
         logo="https://upload.wikimedia.org/wikipedia/commons/5/59/SAP_2011_logo.svg"
         primary-title="SAP Labs Bulgaria"
@@ -158,9 +159,8 @@
     </ui5-list>
 </ui5-popover>
 
-<ui5-input id="press-input" style="margin-top: 2rem; width: 240px;">
-
-</ui5-input>
+<ui5-input id="press-input" style="margin-top: 2rem;"></ui5-input>
+<ui5-input id="press-input2" style="margin-top: 2rem;"></ui5-input>
 
 <script>
 	shellbar.addEventListener("ui5-profileClick", function(event) {
@@ -180,6 +180,10 @@
 		window["press-input"].value = "Logo"
 	});
 
+	shellbarWithLogoClick.addEventListener("ui5-logoClick", function(event) {
+		window["press-input2"].value = shellbarWithLogoClick.primaryTitle.replace(/\s/g, "");
+	});
+
 	shellbar.addEventListener("ui5-coPilotClick", function(event) {
 		window["press-input"].value = "CoPilot"
 	});

packages/fiori/test/specs/ShellBar.spec.js

@@ -228,7 +228,7 @@ describe("Component Behavior", () => {
 				assert.strictEqual(input.getValue(), "Product Switch", "Input value is set by click event of Product Switch icon");
 			});
 
-			it("tests logoPress event", () => {
+			it("tests logoClick event", () => {
 				const logo = browser.$("#shellbar").shadow$(".ui5-shellbar-logo");
 				const input = browser.$("#press-input");
 
@@ -283,6 +283,15 @@ describe("Component Behavior", () => {
 				browser.setWindowSize(510, 1080);
 			});
 
+			it("tests logoClick event", () => {
+				const logo = browser.$("#shellbarWithLogoClick").shadow$(".ui5-shellbar-logo");
+				const title = "SAPLabsBulgaria";
+				const input = browser.$("#press-input2");
+
+				logo.click();
+				assert.strictEqual(input.getValue(), title, "Input value is set by click event of Logo");
+			});
+
 			it("tests opening of menu", () => {
 				const primaryTitle = browser.$("#shellbar").shadow$(".ui5-shellbar-menu-button");
 				const staticAreaItemClassName = browser.getStaticAreaItemClassName("#shellbar")