From 2499c56b1214707974cd244e6fb7b4c974c6d32b Mon Sep 17 00:00:00 2001
From: Filip Siderov <filip.siderov@sap.com>
Date: Mon, 3 Aug 2020 10:51:54 +0300
Subject: [PATCH] fix(ui5-shellbar-item): Update count properly (#2049)

Fixes #2048
---
 packages/fiori/src/ShellBar.js             |  1 +
 packages/fiori/test/pages/ShellBar.html    |  4 ++++
 packages/fiori/test/specs/ShellBar.spec.js | 10 ++++++++++
 3 files changed, 15 insertions(+)

diff --git a/packages/fiori/src/ShellBar.js b/packages/fiori/src/ShellBar.js
index 387b191ffdd7..b70e5c7e7f26 100644
--- a/packages/fiori/src/ShellBar.js
+++ b/packages/fiori/src/ShellBar.js
@@ -180,6 +180,7 @@ const metadata = {
 		"default": {
 			propertyName: "items",
 			type: HTMLElement,
+			invalidateParent: true,
 		},
 
 		/**
diff --git a/packages/fiori/test/pages/ShellBar.html b/packages/fiori/test/pages/ShellBar.html
index 27af99a4fe8f..d6d2aa427637 100644
--- a/packages/fiori/test/pages/ShellBar.html
+++ b/packages/fiori/test/pages/ShellBar.html
@@ -221,6 +221,10 @@ <h3>ShellBar in Compact</h3>
 		<ui5-li id="mi-4"slot="menuItems" data-key="key4">App 4</ui5-li>
 	</ui5-shellbar>
 
+	<ui5-shellbar primary-title="UI5 Web Components" id="test-invalidation">
+		<ui5-shellbar-item icon="discussion" count="2" id="test-invalidation-item"/>
+	</ui5-shellbar>
+
 	<script>
 		mySearch.addEventListener("suggestionItemSelect", function (event) {
 			 console.log(event);
diff --git a/packages/fiori/test/specs/ShellBar.spec.js b/packages/fiori/test/specs/ShellBar.spec.js
index 9969e9afdee7..b9bcc5a25551 100644
--- a/packages/fiori/test/specs/ShellBar.spec.js
+++ b/packages/fiori/test/specs/ShellBar.spec.js
@@ -31,6 +31,16 @@ describe("Component Behavior", () => {
 			const icon = shellbar.shadow$("ui5-button[data-count]");
 
 			assert.strictEqual(icon.getAttribute("data-count"), '42', "Count property propagates to ui5-button");
+		});
+
+		it("tests if shellbar item invalidates the shellbar", () => {
+			const shellbar = browser.$("#test-invalidation");
+			const item = browser.$("#test-invalidation-item");
+
+			item.setProperty("count", "3");
+
+			assert.strictEqual(shellbar.shadow$(".ui5-shellbar-custom-item").getAttribute("data-count"), "3");
+
 		})
 	});