fix(ui5-multi-combobox): remove value state header on validation reset (

#8832)

* fix(ui5-multi-combobox): remove value state header on validation reset

fixes: #8674

* restore wdio.js config

packages/main/src/MultiComboBox.ts

@@ -1228,6 +1228,7 @@ class MultiComboBox extends UI5Element {
 	_resetValueState(valueState: `${ValueState}`, callback?: () => void) {
 		this._validationTimeout = setTimeout(() => {
 			this._effectiveValueState = this.valueState;
+			this._dialogInputValueState = valueState;
 			this.valueState = valueState;
 			this._validationTimeout = null;
 

packages/main/test/specs/MultiComboBox.spec.js

@@ -206,6 +206,22 @@ describe("MultiComboBox general interaction", () => {
 			}, 2500, "expect value state to be different after 2.5 seconds");
 		});
 
+		it("should remove the value state header after validation reset", async () => {
+			const mcb = await browser.$("#mcb-predefined-value");
+			const innerInput = await browser.$("#mcb-predefined-value").shadow$("#ui5-multi-combobox-input");
+			const icon = await mcb.shadow$("[input-icon]");
+
+			await innerInput.click();
+			await innerInput.keys("d");
+			await icon.click();
+
+			assert.strictEqual(await innerInput.getAttribute("value-state"), "Error", "Value state is changed to error");
+
+			await browser.waitUntil(async () => {
+				return await mcb.getAttribute("_dialog-input-value-state") === "None";
+			}, 2500, "expect _dialog-input-value-state to be reset after 2.5 seconds");
+		});
+
 		it("tests if entering valid text is possible while validation is triggered", async () => {
 			const mcb = await $("#mcb-validation");
 			const innerInput = mcb.shadow$("#ui5-multi-combobox-input");