diff --git a/packages/main/cypress/specs/Tokenizer.cy.tsx b/packages/main/cypress/specs/Tokenizer.cy.tsx
index 1c46d56e94ec..815e95826442 100644
--- a/packages/main/cypress/specs/Tokenizer.cy.tsx
+++ b/packages/main/cypress/specs/Tokenizer.cy.tsx
@@ -1,6 +1,8 @@
 import Tokenizer from "../../src/Tokenizer.js";
 import Token from "../../src/Token.js";
 import type { UI5CustomEvent } from "@ui5/webcomponents-base/dist/index.js";
+import Button from "../../src/Button.js";
+import { TOKENIZER_ARIA_LABEL, MULTIINPUT_SHOW_MORE_TOKENS } from "../../src/generated/i18n/i18n-defaults.js";
 
 const onTokenDelete = (event: UI5CustomEvent<Tokenizer, "token-delete">) => {
 	event.detail.tokens.forEach(token => {
@@ -8,6 +10,218 @@ const onTokenDelete = (event: UI5CustomEvent<Tokenizer, "token-delete">) => {
 	});
 };
 
+describe("General Interaction", () => {
+	it("tests focus handling when clicking on the tokenizer", () => {
+		cy.mount(
+			<>
+				<div style={{ display: "flex", flexDirection: "column", width: "240px" }}>
+					<Tokenizer>
+						<Token text="Andora"></Token>
+						<Token text="Bulgaria"></Token>
+						<Token text="So close no matter how far"></Token>
+						<Token text="Lose yourself in the music bum bam tupturup"></Token>
+					</Tokenizer>
+				</div>
+				<Button> Dummy button </Button>
+			</>
+		);
+
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.get("[ui5-tokenizer]")
+			.should("have.attr", "expanded");
+
+		cy.get("@firstToken")
+			.should("have.attr", "focused");
+
+		cy.get("@firstToken")
+			.should("have.attr", "selected");
+
+		cy.realPress("Tab");
+
+		cy.get("[ui5-tokenizer]")
+			.should("not.have.attr", "expanded");
+
+		cy.get("@firstToken")
+			.should("have.attr", "selected");
+
+		cy.realPress(["Shift", "Tab"]);
+
+		cy.get("[ui5-tokenizer]")
+			.should("have.attr", "expanded");
+
+		cy.get("@firstToken")
+			.should("have.attr", "focused");
+	});
+});
+
+describe("Tokenizer nMore Popover", () => {
+	it("tests opening of nMore Popover", () => {
+		cy.mount(
+			<div style={{display: "flex", flexDirection: "column", width: "240px"}}>
+				<Tokenizer id="nmore-tokenizer">
+					<Token text="Andora"></Token>
+					<Token text="Bulgaria"></Token>
+					<Token text="Canada"></Token>
+					<Token text="Denmark"></Token>
+					<Token text="Estonia"></Token>
+				</Tokenizer>
+			</div>
+		);
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find(".ui5-tokenizer-more-text")
+			.as("nMoreLabel");
+
+		cy.get("@nMoreLabel")
+			.realClick();
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find("[ui5-responsive-popover]")
+			.should("have.attr", "open");
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find("ui5-li")
+			.eq(0)
+			.should("be.focused");
+
+		cy.realPress("Escape");
+
+		cy.get("[ui5-token]")
+			.eq(4)
+			.should("have.attr", "focused");
+	});
+
+	it("tests F7 list item navigation", () => {
+		cy.mount(
+			<div style={{display: "flex", flexDirection: "column", width: "240px"}}>
+				<Tokenizer id="nmore-tokenizer">
+					<Token text="Andora"></Token>
+					<Token text="Bulgaria"></Token>
+					<Token text="Canada"></Token>
+					<Token text="Denmark"></Token>
+					<Token text="Estonia"></Token>
+				</Tokenizer>
+			</div>
+		);
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find(".ui5-tokenizer-more-text")
+			.as("nMoreLabel");
+
+		cy.get("@nMoreLabel")
+			.realClick();
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find("ui5-li")
+			.eq(0)
+			.as("firstLI");
+
+		cy.get("@firstLI")
+			.should("be.focused");
+
+		cy.get("@firstLI")
+			.shadow()
+			.find("[ui5-button]")
+			.as("deleteButton");
+
+		cy.realPress("F7");
+
+		cy.get("@deleteButton")
+			.should("be.focused");
+
+		cy.realPress("F7");
+
+		cy.get("@firstLI")
+			.should("be.focused");
+
+		cy.get("@deleteButton")
+			.should("not.be.focused");
+	});
+});
+
+describe("Readonly", () => {
+	it("should not fire token-delete when Tokenizer is readonly", () => {
+		cy.mount(
+			<Tokenizer readonly onTokenDelete={onTokenDelete}>
+				<Token text="Andora" readonly></Token>
+				<Token text="Bulgaria" readonly></Token>
+				<Token text="Canada" readonly></Token>
+				<Token text="Denmark" readonly></Token>
+				<Token text="Estonia" readonly></Token>
+			</Tokenizer>
+		);
+
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("Backspace");
+		cy.realPress("Delete");
+
+		cy.get("[ui5-token]")
+			.should("have.length", 5);
+	});
+
+	it("tests expanding of tokenizer + focus handling in readonly mode.", () => {
+		cy.mount(
+			<div style={{display: "flex", flexDirection: "column", width: "240px"}}>
+				<Tokenizer readonly onTokenDelete={onTokenDelete}>
+					<Token text="Andora" readonly></Token>
+					<Token text="Bulgaria" readonly></Token>
+					<Token text="Canada" readonly></Token>
+					<Token text="Denmark" readonly></Token>
+					<Token text="Estonia" readonly></Token>
+				</Tokenizer>
+			</div>
+		);
+
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("@secondToken")
+			.realClick();
+
+		cy.get("[ui5-tokenizer]")
+			.should("have.attr", "expanded");
+
+		cy.get("@secondToken")
+			.should("have.attr", "selected")
+
+		cy.get("@secondToken")
+			.should("be.focused");
+
+		cy.realPress("Tab");
+
+		cy.get("[ui5-tokenizer]")
+			.should("not.have.attr", "expanded");
+
+		cy.get("@secondToken")
+			.should("have.attr", "selected");
+
+		cy.get("@secondToken")
+			.should("not.be.focused");
+	});
+});
+
 describe("Tokenizer - multi-line and Clear All", () => {
 	it("'Clear All' link is rendered for multi-line tokenizer and show-clear-all set to true", () => {
 		cy.mount(
@@ -304,3 +518,640 @@ describe("Tokenizer - Popover List Item Text Updates", () => {
 			.should("have.attr", "text", "Token 3");
 	});
 });
+
+describe("Accessibility", () => {
+	it("should test aria-readonly attribute", () => {
+		cy.mount(
+			<Tokenizer readonly>
+				<Token text="Andora" readonly></Token>
+			</Tokenizer>
+		);
+
+		cy.get("[ui5-tokenizer]")
+			.should("have.attr", "readonly");
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find(".ui5-tokenizer--list")
+			.should("have.attr", "aria-readonly");
+	});
+
+	it("should test aria-disabled attribute", () => {
+		cy.mount(
+			<Tokenizer disabled>
+				<Token>Andorra</Token>
+			</Tokenizer>
+		);
+
+		cy.get("[ui5-tokenizer]")
+			.should("have.attr", "disabled");
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find(".ui5-tokenizer--list")
+			.should("have.attr", "aria-disabled");
+	});
+
+	it("should test tokenizer content aria attributes",  () => {
+		cy.mount(
+			<Tokenizer>
+				<Token text="Andora"></Token>
+				<Token text="Bulgaria"></Token>
+			</Tokenizer>
+		);
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find(".ui5-tokenizer--list")
+			.as("list");
+
+		cy.get("@list")
+			.should("have.attr", "role", "listbox");
+
+		cy.get("@list")
+			.should("have.attr", "aria-label", TOKENIZER_ARIA_LABEL.defaultText);
+
+		cy.get("[ui5-tokenizer]")
+			.invoke("attr", "accessible-name", "Test label");
+
+		cy.get("@list")
+			.should("have.attr", "aria-label", "Test label");
+
+		cy.get("@list")
+			.should("have.attr", "aria-description", TOKENIZER_ARIA_LABEL.defaultText);
+	});
+
+	it("should test nMore aria attributes", () => {
+		cy.mount(
+			<div style={{ display: "flex", flexDirection: "column", width: "240px" }}>
+				<Tokenizer>
+					<Token text="Andora"></Token>
+					<Token text="Bulgaria"></Token>
+					<Token text="So close no matter how far"></Token>
+					<Token text="Lose yourself in the music bum bam tupturup"></Token>
+				</Tokenizer>
+			</div>
+		);
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find(".ui5-tokenizer-more-text")
+			.as("nMoreLabel");
+
+		cy.get("@nMoreLabel")
+			.should("have.attr", "role", "button");
+
+		cy.get("@nMoreLabel")
+			.should("have.attr", "aria-haspopup", "dialog");
+	});
+	it("nMore link should be translated", () => {
+		cy.mount(
+			<div style={{ display: "flex", flexDirection: "column", width: "240px" }}>
+				<Tokenizer>
+					<Token text="Andora"></Token>
+					<Token text="Bulgaria"></Token>
+					<Token text="So close no matter how far"></Token>
+					<Token text="Lose yourself in the music bum bam tupturup"></Token>
+				</Tokenizer>
+			</div>
+		);
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find(".ui5-tokenizer-more-text")
+			.as("nMoreLabel");
+
+		cy.get("[ui5-tokenizer]")
+			.then($tokenizer => {
+				const tokenizer = $tokenizer[0];
+				const resourceBundle = (tokenizer.constructor as any).i18nBundle;
+
+				cy.get("@nMoreLabel")
+					.should("have.text", resourceBundle.getText(MULTIINPUT_SHOW_MORE_TOKENS.defaultText, 2));
+			});
+	});
+});
+
+describe("Keyboard Handling", () => {
+	beforeEach(() => {
+		cy.mount(
+			<Tokenizer onTokenDelete={onTokenDelete}>
+				<Token text="Andora"></Token>
+				<Token text="Bulgaria"></Token>
+				<Token text="Canada"></Token>
+			</Tokenizer>
+		);
+	});
+	it("token selection", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("ArrowRight");
+
+		cy.get("@secondToken")
+			.should("be.focused");
+
+		cy.realPress("Space");
+
+		cy.get("@secondToken")
+			.should("have.attr", "selected");
+
+		cy.realPress("Space");
+
+		cy.get("@secondToken")
+			.should("not.have.attr", "selected");
+	});
+
+	it("LeftArrow/RightArrow navigation", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("ArrowRight");
+
+		cy.get("@secondToken")
+			.should("be.focused");
+
+		cy.realPress("ArrowLeft");
+
+		cy.get("@firstToken")
+			.should("be.focused");
+	});
+
+	it("Home/End navigation", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(2)
+			.as("lastToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("End");
+
+		cy.get("@lastToken")
+			.should("be.focused");
+
+		cy.realPress("Home");
+
+		cy.get("@firstToken")
+			.should("be.focused");
+	});
+
+	it("should select tokens with [Shift] key modifier", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress(["Shift", "ArrowRight"]);
+
+		cy.get("@firstToken")
+			.should("have.attr", "selected");
+
+		cy.get("@secondToken")
+			.should("have.attr", "selected");
+
+		cy.get("@secondToken")
+			.should("be.focused");
+
+		cy.realPress(["Shift", "ArrowLeft"]);
+
+		cy.get("@firstToken")
+			.should("have.attr", "selected");
+
+		cy.get("@firstToken")
+			.should("be.focused");
+
+		cy.get("@secondToken")
+			.should("have.attr", "selected");
+
+		cy.get("@secondToken")
+			.realClick();
+
+		cy.get("@firstToken")
+			.should("not.have.attr", "selected");
+
+		cy.get("@secondToken")
+			.should("not.have.attr", "selected");
+
+		cy.get("@secondToken")
+			.should("be.focused");
+	});
+
+	it("should select tokens with [Shift] + [End] key modifier", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("[ui5-token]")
+			.eq(2)
+			.as("lastToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress(["Shift", "End"]);
+
+		cy.get("@firstToken")
+			.should("have.attr", "selected");
+
+		cy.get("@secondToken")
+			.should("have.attr", "selected");
+
+		cy.get("@lastToken")
+			.should("have.attr", "selected");
+
+		cy.get("@lastToken")
+			.should("be.focused");
+	});
+
+	it("should select tokens with [Shift] + [Home] key modifier", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("[ui5-token]")
+			.eq(2)
+			.as("lastToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("End");
+
+		cy.get("@lastToken")
+			.should("be.focused");
+
+		cy.realPress(["Shift", "Home"]);
+
+		cy.get("@firstToken")
+			.should("have.attr", "selected");
+
+		cy.get("@firstToken")
+			.should("be.focused");
+
+		cy.get("@secondToken")
+			.should("have.attr", "selected");
+
+		cy.get("@lastToken")
+			.should("have.attr", "selected");
+	});
+
+	it("should select tokens with [Shift] + [PageDown] key modifier", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("[ui5-token]")
+			.eq(2)
+			.as("lastToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress(["Shift", "PageDown"]);
+
+		cy.get("@firstToken")
+			.should("have.attr", "selected");
+
+		cy.get("@secondToken")
+			.should("have.attr", "selected");
+
+		cy.get("@lastToken")
+			.should("have.attr", "selected");
+
+		cy.get("@lastToken")
+			.should("be.focused");
+	});
+
+	it("should select tokens with [Shift] + [PageUp] key modifier", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("[ui5-token]")
+			.eq(2)
+			.as("lastToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("End");
+
+		cy.get("@lastToken")
+			.should("be.focused");
+
+		cy.realPress(["Shift", "PageUp"]);
+
+		cy.get("@firstToken")
+			.should("have.attr", "selected");
+
+		cy.get("@firstToken")
+			.should("be.focused");
+
+		cy.get("@secondToken")
+			.should("have.attr", "selected");
+
+		cy.get("@lastToken")
+			.should("have.attr", "selected");
+	});
+
+	it("should delete first token on [Backspace]", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("Backspace");
+
+		cy.get("[ui5-tokenizer]")
+			.find("[ui5-token]")
+			.should("have.length", 2);
+	});
+
+	it("should delete all selected tokens on [Backspace]", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress(["Shift", "ArrowRight"]);
+
+		cy.realPress("Backspace");
+
+		cy.get("[ui5-tokenizer]")
+			.find("[ui5-token]")
+			.should("have.length", 1);
+
+		cy.get("@firstToken")
+			.shadow()
+			.find(".ui5-token--text")
+			.should("have.text", "Canada");
+
+	});
+
+	it("should delete first and second token with [Backspace] when focus is on second", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("[ui5-token]")
+			.eq(2)
+			.as("thirdToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("ArrowRight");
+		cy.realPress("Space");
+		cy.realPress("Backspace");
+
+		cy.get("[ui5-tokenizer]")
+			.find("[ui5-token]")
+			.should("have.length", 1);
+
+		cy.get("@firstToken")
+			.shadow()
+			.find(".ui5-token--text")
+			.should("have.text", "Canada");
+	});
+
+	it("should delete first and third token with [Backspace] when focus is on second", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("[ui5-token]")
+			.eq(2)
+			.as("thirdToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("ArrowRight");
+		cy.realPress("ArrowRight");
+		cy.realPress("Space");
+		cy.realPress("ArrowLeft");
+		cy.realPress("Backspace");
+
+		cy.get("[ui5-tokenizer]")
+			.find("[ui5-token]")
+			.should("have.length", 1);
+
+		cy.get("@firstToken")
+			.shadow()
+			.find(".ui5-token--text")
+			.should("have.text", "Bulgaria");
+	});
+
+	it("should delete first and third token with [Backspace] when focus is on fourth", () => {
+		cy.mount(
+			<Tokenizer onTokenDelete={onTokenDelete}>
+				<Token text="Andora"></Token>
+				<Token text="Bulgaria"></Token>
+				<Token text="Canada"></Token>
+				<Token text="Denmark"></Token>
+			</Tokenizer>
+		);
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("[ui5-token]")
+			.eq(2)
+			.as("thirdToken");
+
+		cy.get("[ui5-token]")
+			.eq(3)
+			.as("fourthToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("ArrowRight");
+		cy.realPress("ArrowRight");
+		cy.realPress("Space");
+		cy.realPress("ArrowRight");
+		cy.realPress("Backspace");
+
+		cy.get("[ui5-tokenizer]")
+			.find("[ui5-token]")
+			.should("have.length", 2);
+
+		cy.get("@firstToken")
+			.shadow()
+			.find(".ui5-token--text")
+			.should("have.text", "Bulgaria");
+	});
+
+	it("should delete second token on [Delete]", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("[ui5-token]")
+			.eq(2)
+			.as("thirdToken");
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("ArrowRight");
+		cy.realPress("Delete");
+
+		cy.get("[ui5-tokenizer]")
+			.find("[ui5-token]")
+			.should("have.length", 2);
+
+		cy.get("@firstToken")
+			.shadow()
+			.find(".ui5-token--text")
+			.should("have.text", "Bulgaria");
+	});
+
+	it("should delete first and second token with [Delete] when focus is on third", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.as("firstToken");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.as("secondToken");
+
+		cy.get("[ui5-token]")
+			.eq(2)
+			.as("thirdToken");
+
+
+		cy.get("@firstToken")
+			.realClick();
+
+		cy.realPress("ArrowRight");
+		cy.realPress("Space");
+		cy.realPress("ArrowRight");
+		cy.realPress("Delete");
+
+		cy.get("[ui5-tokenizer]")
+			.find("[ui5-token]")
+			.should("have.length", 1);
+
+		cy.get("@firstToken")
+			.shadow()
+			.find(".ui5-token--text")
+			.should("have.text", "Canada");
+	});
+
+	it("should open popover on keyboard combination [Ctrl] + [I]", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.realClick();
+
+		cy.realPress(["Control", "i"]);
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find("[ui5-responsive-popover]")
+			.should("be.visible");
+
+		cy.realPress(["Control", "i"]);
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find("[ui5-responsive-popover]")
+			.should("not.be.visible");
+	});
+
+	it("should close popover on token selection via mouse", () => {
+		cy.get("[ui5-token]")
+			.eq(0)
+			.realClick();
+
+		cy.realPress(["Control", "i"]);
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find("[ui5-responsive-popover]")
+			.should("be.visible");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.realClick();
+
+		cy.get("[ui5-tokenizer]")
+			.shadow()
+			.find("[ui5-responsive-popover]")
+			.should("not.be.visible");
+
+		cy.get("[ui5-token]")
+			.eq(1)
+			.should("have.attr", "selected");
+	});
+});
diff --git a/packages/main/test/specs/Tokenizer.spec.js b/packages/main/test/specs/Tokenizer.spec.js
deleted file mode 100644
index d406b994179e..000000000000
--- a/packages/main/test/specs/Tokenizer.spec.js
+++ /dev/null
@@ -1,758 +0,0 @@
-import { assert } from "chai";
-
-async function getResourceBundleTexts(keys) {
-	return browser.executeAsync((keys, done) => {
-		const tokenizer = document.getElementById("nmore-tokenizer");
-
-		const texts = keys.reduce((result, key) => {
-			result[key] = tokenizer.constructor.i18nBundle.getText(window["sap-ui-webcomponents-bundle"].defaultTexts[key], 3)
-			return result;
-		}, {});
-		done(texts);
-
-	}, keys);
-};
-
-const isListItemFocused = async (listItem) => {
-	return await browser.execute(el => {
-		const pseudoElementStyle = window.getComputedStyle(el, ":after");
-		const hasBorder = pseudoElementStyle.getPropertyValue("border-style") !== "none";
-		return hasBorder;
-	}, listItem);
-};
-
-describe("General interaction", () => {
-	before(async () => {
-		await browser.url(`test/pages/Tokenizer.html`);
-	});
-
-	it("tests expanding of tokenizer + focus handling", async () => {
-		const longTokenizer = await browser.$("#long-tokenizer");
-		const selectedTokenizer = await browser.$("#selected-tokenizer");
-		const firstSelectedToken = await selectedTokenizer.$("ui5-token:first-child");
-		const firstLongToken = await longTokenizer.$("ui5-token:first-child");
-
-		await firstLongToken.click();
-
-		assert.ok(await longTokenizer.getProperty("expanded"), "Tokenizer should be expanded upon token focus.");
-		assert.ok(await firstLongToken.getProperty("selected"), "Second token should be selected.");
-		assert.ok(await firstLongToken.getProperty("focused"), "Second token should be focused");
-
-		await browser.keys('Tab');
-
-		assert.ok(await firstLongToken.getProperty("selected"), "Second token should stay selected after focusout.");
-		assert.notOk(await longTokenizer.getProperty("expanded"), "Tokenizer should not be expanded");
-
-		await browser.keys(['Shift', 'Tab']);
-
-		assert.ok(await longTokenizer.getProperty("expanded"), "Tokenizer should be expanded upon token focus.");
-		assert.ok(await firstLongToken.getProperty("focused"), "Focus should go back to the selected token.");
-
-		await browser.keys(['Shift', 'Tab']);
-
-		assert.ok(await firstSelectedToken.getProperty("focused"), "Upon Tab navigation, focus should go to the first token.");
-	});
-});
-
-describe("nMore Popover", () => {
-	beforeEach(async () => {
-		await browser.url(`test/pages/Tokenizer.html`);
-	});
-
-	it("tests opening of nMore Popover", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const nMoreLabel = await tokenizer.shadow$(".ui5-tokenizer-more-text");
-		const lastToken = await tokenizer.$("ui5-token:last-child");
-		const tokenizerScrollContainerScrollLeft = await browser.execute(() => document.querySelector("#nmore-tokenizer").shadowRoot.querySelector(".ui5-tokenizer--content").scrollLeft);
-		const tokenizerScrollContainerScrollWidth = await browser.execute(() => document.querySelector("#nmore-tokenizer").shadowRoot.querySelector(".ui5-tokenizer--content").scrollWidth);
-		const tokenizerScrollContainerClientWidth = await browser.execute(() => document.querySelector("#nmore-tokenizer").shadowRoot.querySelector(".ui5-tokenizer--content").getBoundingClientRect().width);
-
-		await nMoreLabel.click();
-
-		const rpo = await tokenizer.shadow$("ui5-responsive-popover");
-		const firstListItem = await rpo.$("ui5-list ui5-li");
-
-		assert.strictEqual(Math.floor(tokenizerScrollContainerScrollLeft), Math.floor(tokenizerScrollContainerScrollWidth - tokenizerScrollContainerClientWidth), "tokenizer is scrolled to end");
-		assert.ok(await rpo.getProperty("open"), "nMore Popover should be opened upon click of nMore label.");
-		assert.ok(await firstListItem.matches(":focus"), "First list item should be focused, upon Popover open.");
-
-		await browser.keys('Escape');
-
-		assert.ok(await lastToken.getProperty("focused"), "Last token should be focused, after Escape key is pressed.");
-	});
-
-	it("tests [F7] list item navigation", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const nMoreLabel = await tokenizer.shadow$(".ui5-tokenizer-more-text");
-
-		await nMoreLabel.click();
-
-		const rpo = await tokenizer.shadow$("ui5-responsive-popover");
-		const firstListItem = await rpo.$("ui5-list ui5-li");
-		const itemDeleteButton = await firstListItem.shadow$('ui5-button');
-
-		assert.ok(await rpo.getProperty("open"), "nMore Popover should be opened upon click of nMore label.");
-		assert.ok(await firstListItem.matches(":focus"), "First list item should be focused, upon Popover open.");
-
-		await browser.keys('F7');
-
-		assert.ok(await itemDeleteButton.matches(":focus"), "Delete button should be focused upon F7 key press.");
-		assert.notOk(await isListItemFocused(firstListItem), "List item should no longer be focused.");
-
-		await browser.keys('F7');
-
-		assert.notOk(await itemDeleteButton.matches(":focus"), "Delete button should no longer be focused.");
-		assert.ok(await firstListItem.matches(":focus"), "List item should be focused upon F7 key press.");
-	});
-
-	it("tests item deletion via mouse", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const nMoreLabel = await tokenizer.shadow$(".ui5-tokenizer-more-text");
-
-		await nMoreLabel.click();
-
-		const rpo = await tokenizer.shadow$("ui5-responsive-popover");
-		const firstListItem = await rpo.$$("ui5-li")[0];
-		const secondListItem = await rpo.$$("ui5-li")[1];
-		const firstlistItemDeleteButton = await firstListItem.shadow$('.ui5-li-deletebtn ui5-button');
-
-		assert.ok(await rpo.getProperty("open"), "nMore Popover should be opened upon click of nMore label.");
-		assert.ok(await firstListItem.matches(":focus"), "First list item should be focused, upon Popover open.");
-
-		await firstlistItemDeleteButton.click();
-
-		assert.ok(await secondListItem.matches(":focus"), "Second list item should be focused, after first item deletion.");
-	});
-
-	it("tests item deletion via keyboard", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const nMoreLabel = await tokenizer.shadow$(".ui5-tokenizer-more-text");
-
-		await nMoreLabel.click();
-
-		const rpo = await tokenizer.shadow$("ui5-responsive-popover");
-		const firstListItem = await rpo.$$("ui5-li")[0];
-		const secondListItem = await rpo.$$("ui5-li")[1];
-
-		assert.ok(await rpo.getProperty("open"), "nMore Popover should be opened upon click of nMore label.");
-		assert.ok(await firstListItem.matches(":focus"), "First list item should be focused, upon Popover open.");
-
-		await browser.keys('Delete');
-
-		assert.ok(await secondListItem.matches(":focus"), "Second list item should be focused, after first item deletion.");
-	});
-});
-
-describe("Readonly", () => {
-	beforeEach(async () => {
-		await browser.url(`test/pages/Tokenizer.html`);
-	});
-
-	it("should NOT fire token-delete when Tokenizer is readonly", async () => {
-		const tokenizer = await browser.$("#readonly-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-
-		await firstToken.click();
-		await browser.keys("Backspace");
-		await browser.keys("Backspace");
-		await browser.keys("Delete");
-
-		const tokens = await tokenizer.$$("ui5-token");
-
-		assert.strictEqual(tokens.length, 5, "The tokenizer has 5 tokens");
-	});
-
-	it("tests expanding of tokenizer + focus handling in readonly mode.", async () => {
-		const tokenizer = await browser.$("#readonly-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-
-		await secondToken.click();
-
-		assert.ok(await tokenizer.getProperty("expanded"), "Tokenizer should be expanded");
-		assert.ok(await secondToken.getProperty("selected"), "Second token should be selected.");
-		assert.ok(await secondToken.getProperty("focused"), "Second token should be focused");
-
-		await browser.keys('Tab');
-
-		assert.ok(await secondToken.getProperty("selected"), "Second token should stay selected after focusout.");
-		assert.notOk(await tokenizer.getProperty("expanded"), "Tokenizer should not be expanded");
-
-		await browser.keys(['Shift', 'Tab']);
-
-		assert.ok(await tokenizer.getProperty("expanded"), "Tokenizer should be expanded");
-		assert.ok(await firstToken.getProperty("focused"), "Focus should go back to the first token.");
-	});
-});
-
-describe("Disabled", () => {
-	beforeEach(async () => {
-		await browser.url(`test/pages/Tokenizer.html`);
-	});
-
-	it("Disabled Tokenizer should not be interactive", async () => {
-		const disabledTokenizer = await browser.$("#disabled-tokenizer");
-
-		assert.notOk(await disabledTokenizer.isClickable(), "Tokenizer should not be clickable");
-	});
-});
-
-describe("Single token", () => {
-	beforeEach(async () => {
-		await browser.url(`test/pages/Tokenizer.html`);
-	});
-
-	it("should open popover on click of single token", async () => {
-		const tokenizer = await browser.$("#single-token-tokenizer");
-		const token = await tokenizer.$("ui5-token");
-		const rpo = await tokenizer.shadow$("ui5-responsive-popover");
-
-		assert.ok(await token.getProperty("singleToken"), "Single token property should be set");
-
-		await token.click();
-
-		const listItem = await rpo.$("ui5-list ui5-li");
-
-		assert.ok(await rpo.getProperty("open"), "nMore Popover should be open");
-		assert.ok(await token.getProperty("selected"), "Token should be selected");
-		assert.ok(await token.getProperty("singleToken"), "Token should be single (could be truncated)");
-		assert.ok(await listItem.matches(":focus"), "Token's list item is focused");
-
-		await token.click();
-
-		assert.notOk(await rpo.getProperty("open"), "nMore Popover should be closed");
-		assert.notOk(await token.getProperty("selected"), "Token should be deselected");
-		assert.ok(await token.getProperty("focused"), "Token should be focused");
-	});
-});
-
-describe("Accessibility", () => {
-	beforeEach(async () => {
-		await browser.url(`test/pages/Tokenizer.html`);
-	});
-
-	it("should test aria-readonly attribute", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const tokenizerList = await tokenizer.shadow$(".ui5-tokenizer--list");
-		const readonlyTokenizer = await browser.$("#readonly-tokenizer");
-		const readonlyTokenizerList = await readonlyTokenizer.shadow$(".ui5-tokenizer--list");
-
-		assert.notOk(await tokenizer.getAttribute("readonly"), "tokenizer should not be readonly");
-		assert.notOk(await tokenizerList.getAttribute("aria-readonly"), "aria-readonly should not be set on tokenizer");
-
-		assert.ok(await readonlyTokenizer.getAttribute("readonly"), "tokenizer should be readonly");
-		assert.ok(await readonlyTokenizerList.getAttribute("aria-readonly"), "aria-readonly should be set on disabled tokenizer");
-	});
-
-	it("should test aria-disabled attribute", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const tokenizerList = await tokenizer.shadow$(".ui5-tokenizer--list");
-
-		const disabledTokenizer = await browser.$("#disabled-tokenizer");
-		const disabledTokenizerList = await disabledTokenizer.shadow$(".ui5-tokenizer--list");
-
-		assert.notOk(await tokenizer.getAttribute("disabled"), "tokenizer should not be disabled");
-		assert.notOk(await tokenizerList.getAttribute("aria-disabled"), "aria-disabled should not be set on tokenizer");
-
-		assert.ok(await disabledTokenizer.getAttribute("disabled"), "tokenizer should be disabled");
-		assert.ok(await disabledTokenizerList.getAttribute("aria-disabled"), "aria-disabled should be set on disabled tokenizer");
-	});
-
-	it("should test tokenizer content aria attributes", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const tokenizerList = await tokenizer.shadow$(".ui5-tokenizer--list");
-		const expandedTokenizer = await browser.$("#expanded-tokenizer");
-		const expandedTokenizerList = await expandedTokenizer.shadow$(".ui5-tokenizer--list");
-		const keys = [
-			"TOKENIZER_ARIA_LABEL",
-		];
-		const texts = await getResourceBundleTexts(keys);
-
-		assert.strictEqual(await tokenizerList.getAttribute("role"), "listbox", "tokenizer content should have correct role=listbox");
-		assert.strictEqual(await tokenizerList.getAttribute("aria-label"), texts.TOKENIZER_ARIA_LABEL, "tokenizer content should have correct aria-label");
-		assert.strictEqual(await expandedTokenizerList.getAttribute("aria-label"), 'Test label', "tokenizer content should have correct aria-label when accesible name is set");
-		assert.strictEqual(await expandedTokenizerList.getAttribute("aria-description"), texts.TOKENIZER_ARIA_LABEL, "tokenizer content should have correct aria-description when accesible name is set");
-	});
-
-	it("should test nMore aria attributes", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const nMoreLabel = await tokenizer.shadow$(".ui5-tokenizer-more-text");
-
-		assert.strictEqual(await nMoreLabel.getAttribute("role"), "button", "nMore label should have role=button");
-		assert.strictEqual(await nMoreLabel.getAttribute("aria-haspopup"), "dialog", "nMore label should have aria-haspopup=dialog");
-	});
-
-	it("nMore link should be translated", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const nMoreLabel = await tokenizer.shadow$(".ui5-tokenizer-more-text");
-		const keys = [
-			"MULTIINPUT_SHOW_MORE_TOKENS",
-		];
-		const texts = await getResourceBundleTexts(keys);
-
-		assert.strictEqual(await nMoreLabel.getText(), texts.MULTIINPUT_SHOW_MORE_TOKENS, "nMore label is correctly translated");
-	});
-});
-
-describe("Keyboard handling", () => {
-	beforeEach(async () => {
-		await browser.url(`test/pages/Tokenizer.html`);
-	});
-
-	it("token selection", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-
-		await firstToken.click();
-		await tokenizer.keys("ArrowRight");
-
-		assert.ok(await secondToken.getProperty("focused"), "The second token is focused");
-
-		await tokenizer.keys("Space");
-
-		assert.ok(await secondToken.getProperty("selected"), "The second token is selected");
-
-		await tokenizer.keys("Space");
-
-		assert.notOk(await secondToken.getProperty("selected"), "The second token is deselected");
-	});
-
-	it("[LeftArrow]/[RightArrow] navigation", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-
-		await firstToken.click();
-		await tokenizer.keys("ArrowRight");
-
-		assert.ok(await secondToken.getProperty("focused"), "The second token is focused");
-
-		await tokenizer.keys("ArrowLeft");
-
-		assert.notOk(await secondToken.getProperty("focused"), "The second token is not focused anymore");
-		assert.ok(await firstToken.getProperty("focused"), "The first token is focused");
-	});
-
-	it("[Home]/[End] navigation", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const lastToken = await tokenizer.$("ui5-token:last-child");
-
-		await firstToken.click();
-		await tokenizer.keys("End");
-		assert.strictEqual(await lastToken.getProperty("focused"), true, "The last token is focused");
-
-		await tokenizer.keys("Home");
-		assert.strictEqual(await firstToken.getProperty("focused"), true, "The first token is focused");
-	});
-
-	it("should select tokens with [Shift] key modifier", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		const thirdToken = await tokenizer.$("ui5-token:nth-child(3)");
-
-		await firstToken.click();
-		await browser.keys(["Shift", "ArrowRight"]);
-
-		assert.strictEqual(await firstToken.getProperty("selected"), true, "The first token should be selected");
-		assert.strictEqual(await secondToken.getProperty("selected"), true, "The second token should be selected");
-		assert.strictEqual(await secondToken.getProperty("focused"), true, "The second token should be focused");
-		assert.strictEqual(await thirdToken.getProperty("selected"), false, "The third token should NOT be selected");
-
-		await browser.keys(["Shift", "ArrowLeft"]);
-
-		assert.strictEqual(await firstToken.getProperty("selected"), true, "The first token should be selected");
-		assert.strictEqual(await firstToken.getProperty("focused"), true, "The first token should be focused");
-		assert.strictEqual(await secondToken.getProperty("selected"), true, "The second token should be selected");
-		assert.strictEqual(await thirdToken.getProperty("selected"), false, "The third token should NOT be selected");
-
-		await secondToken.click();
-
-		assert.strictEqual(await firstToken.getProperty("selected"), false, "The first token should NOT be selected");
-		assert.strictEqual(await secondToken.getProperty("selected"), false, "The second token should NOT be selected");
-		assert.strictEqual(await thirdToken.getProperty("selected"), false, "The third token should NOT be selected");
-	});
-
-	it("should select tokens with [Shift] + [End] key modifier", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		const lastToken = await tokenizer.$("ui5-token:last-child");
-
-		await firstToken.click();
-		await browser.keys(["Shift", "End"]);
-
-		assert.strictEqual(await firstToken.getProperty("selected"), true, "The first token should be selected");
-		assert.strictEqual(await secondToken.getProperty("selected"), true, "The second token should be selected");
-		assert.strictEqual(await lastToken.getProperty("focused"), true, "The last token should be focused");
-		assert.strictEqual(await lastToken.getProperty("selected"), true, "The last token should be selected");
-	});
-
-
-	it("should select tokens with [Shift] + [Home] key modifier", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		const lastToken = await tokenizer.$("ui5-token:last-child");
-
-		await firstToken.click();
-		await browser.keys("End");
-
-		assert.strictEqual(await lastToken.getProperty("focused"), true, "The second token should be selected");
-
-		await browser.keys(["Shift", "Home"]);
-
-		assert.strictEqual(await firstToken.getProperty("selected"), true, "The first token should be selected");
-		assert.strictEqual(await firstToken.getProperty("focused"), true, "The first token should be focused");
-		assert.strictEqual(await secondToken.getProperty("selected"), true, "The second token should be selected");
-		assert.strictEqual(await lastToken.getProperty("selected"), true, "The last token should be selected");
-	});
-
-	it("should select tokens with [Shift] + [PageDown] key modifier", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		const lastToken = await tokenizer.$("ui5-token:last-child");
-
-		await firstToken.click();
-		await browser.keys(["Shift", "PageDown"]);
-
-		assert.strictEqual(await firstToken.getProperty("selected"), true, "The first token should be selected");
-		assert.strictEqual(await secondToken.getProperty("selected"), true, "The second token should be selected");
-		assert.strictEqual(await lastToken.getProperty("focused"), true, "The last token should be focused");
-		assert.strictEqual(await lastToken.getProperty("selected"), true, "The last token should be selected");
-	});
-
-
-	it("should select tokens with [Shift] + [PageUp] key modifier", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		const lastToken = await tokenizer.$("ui5-token:last-child");
-
-		await firstToken.click();
-		await browser.keys("End");
-
-		assert.strictEqual(await lastToken.getProperty("focused"), true, "The second token should be selected");
-
-		await browser.keys(["Shift", "PageUp"]);
-
-		assert.strictEqual(await firstToken.getProperty("selected"), true, "The first token should be selected");
-		assert.strictEqual(await firstToken.getProperty("focused"), true, "The first token should be focused");
-		assert.strictEqual(await secondToken.getProperty("selected"), true, "The second token should be selected");
-		assert.strictEqual(await lastToken.getProperty("selected"), true, "The last token should be selected");
-	});
-
-	it("Clicking delete icon should delete token and place the focus on the previous one", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		const deleteIcon = await firstToken.shadow$(".ui5-token--icon");
-
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await deleteIcon.click();
-
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 4, "Should have 4 tokens after deletion");
-		assert.equal(await secondToken.getProperty("focused"), true, "Previous token is focused");
-	});
-
-	it("should delete first token on [Backspace]", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await firstToken.click();
-		await browser.keys("Backspace");
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.ok(await secondToken.getProperty("focused"), "The second token is focused on [Backspace]");
-		assert.strictEqual(tokens.length, 4, "The tokenizer has 4 tokens");
-
-		await browser.keys(["Control", "A"]);
-		await browser.keys("Backspace");
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.strictEqual(tokens.length, 0, "The tokenizer has no tokens");
-	});
-
-	it("should delete second token on [Backspace]", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await secondToken.click();
-		await browser.keys("Backspace");
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.ok(await firstToken.getProperty("focused"), "The first token is focused on [Backspace]");
-		assert.strictEqual(tokens.length, 4, "The tokenizer has 4 tokens");
-	});
-
-	it("should delete first and last token with [Backspace]", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await firstToken.click();
-		await browser.keys("End");
-		await browser.keys("Space");
-		await browser.keys("Backspace");
-
-		tokens = await tokenizer.$$("ui5-token");
-		const lastToken = await tokenizer.$("ui5-token:last-child");
-
-		assert.ok(await lastToken.getProperty("focused"), "The last token is focused after [Backspace]");
-		assert.strictEqual(tokens.length, 3, "The tokenizer has 3 tokens");
-		assert.ok(await tokenizer.getProperty("expanded"), "Tokenizer should be expanded after token deletion");
-	});
-
-	it("should delete first and second token with [Backspace] when focus is on second", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const thirdToken = await tokenizer.$("ui5-token:nth-child(3)");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await firstToken.click();
-		await browser.keys("ArrowRight");
-		await browser.keys("Space");
-		await browser.keys("Backspace");
-
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.ok(await thirdToken.getProperty("focused"), "The third token is focused after [Backspace]");
-		assert.strictEqual(tokens.length, 3, "The tokenizer has 3 tokens");
-		assert.ok(await tokenizer.getProperty("expanded"), "Tokenizer should be expanded after token deletion");
-	});
-
-	it("should delete first and third token with [Backspace] when focus is on second", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await firstToken.click();
-		await browser.keys("ArrowRight");
-		await browser.keys("ArrowRight");
-		await browser.keys("Space");
-		await browser.keys("ArrowLeft");
-		await browser.keys("Backspace");
-
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.ok(await secondToken.getProperty("focused"), "The second token is focused after [Backspace]");
-		assert.strictEqual(tokens.length, 3, "The tokenizer has 3 tokens");
-		assert.ok(await tokenizer.getProperty("expanded"), "Tokenizer should be expanded after token deletion");
-	});
-
-	it("should delete first and third token with [Backspace] when focus is on fourth", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await firstToken.click();
-		await browser.keys("ArrowRight");
-		await browser.keys("ArrowRight");
-		await browser.keys("Space");
-		await browser.keys("ArrowRight");
-		await browser.keys("Backspace");
-
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.ok(await secondToken.getProperty("focused"), "The second token is focused after [Backspace]");
-		assert.strictEqual(tokens.length, 3, "The tokenizer has 3 tokens");
-		assert.ok(await tokenizer.getProperty("expanded"), "Tokenizer should be expanded after token deletion");
-	});
-
-	it("should delete first token on [Delete]", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await firstToken.click();
-		await browser.keys("Delete");
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.ok(await secondToken.getProperty("focused"), "The second token is focused on [Delete]");
-		assert.strictEqual(tokens.length, 4, "The tokenizer has 4 tokens");
-
-		await browser.keys(["Control", "A"]);
-		await browser.keys("Backspace");
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.strictEqual(tokens.length, 0, "The tokenizer has no tokens");
-	});
-
-	it("should delete second token on [Delete]", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const thirdToken = await tokenizer.$("ui5-token:nth-child(3)");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await firstToken.click();
-
-		// reset token selection
-		await browser.keys(["Control", "A"]);
-		await browser.keys(["Control", "A"]);
-
-		await browser.keys("ArrowRight");
-		await browser.keys("Delete");
-
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.ok(await thirdToken.getProperty("focused"), "The next token should be focused after [Delete] key is pressed");
-		assert.strictEqual(tokens.length, 4, "The tokenizer has 4 tokens");
-
-		await browser.keys(["Control", "A"]);
-		await browser.keys("Delete");
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.strictEqual(tokens.length, 0, "The tokenizer has no tokens");
-	});
-
-	it("should delete first and last token with [Delete]", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await firstToken.click();
-		await browser.keys("End");
-		await browser.keys("Space");
-		await browser.keys("Delete");
-
-		tokens = await tokenizer.$$("ui5-token");
-		const lastToken = await tokenizer.$("ui5-token:last-child");
-
-		assert.ok(await lastToken.getProperty("focused"), "The last token is focused after [Delete]");
-		assert.strictEqual(tokens.length, 3, "The tokenizer has 3 tokens");
-		assert.ok(await tokenizer.getProperty("expanded"), "Tokenizer should be expanded after token deletion");
-	});
-
-	it("should delete last and second last token with [Delete] when focus is on second", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const thirdToken = await tokenizer.$("ui5-token:nth-child(3)");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await firstToken.click();
-		await browser.keys("Space");
-		await browser.keys("End");
-		await browser.keys("Space");
-		await browser.keys("ArrowLeft");
-		await browser.keys("Space");
-		await browser.keys("Delete");
-
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.ok(await thirdToken.getProperty("focused"), "The third token is focused after [Delete]");
-		assert.strictEqual(tokens.length, 3, "The tokenizer has 3 tokens");
-		assert.ok(await tokenizer.getProperty("expanded"), "Tokenizer should be expanded after token deletion");
-	});
-
-	it("should delete first and third token with [Delete] when focus is on fourth", async () => {
-		const tokenizer = await browser.$("#delete-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const lastToken = await tokenizer.$("ui5-token:last-child");
-		let tokens = await tokenizer.$$("ui5-token");
-
-		assert.equal(tokens.length, 5, "Should have 5 tokens");
-
-		await firstToken.click();
-		await browser.keys("ArrowRight");
-		await browser.keys("ArrowRight");
-		await browser.keys("Space");
-		await browser.keys("ArrowRight");
-		await browser.keys("Delete");
-
-		tokens = await tokenizer.$$("ui5-token");
-
-		assert.ok(await lastToken.getProperty("focused"), "The last token is focused after [Delete]");
-		assert.strictEqual(tokens.length, 3, "The tokenizer has 3 tokens");
-		assert.ok(await tokenizer.getProperty("expanded"), "Tokenizer should be expanded after token deletion");
-	});
-
-	it("tests if tokenizer is scrolled on keyboard navigation through the tokens", async () => {
-		const tokenizer = await browser.$("#nmore-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-
-		await firstToken.click();
-
-		let scrollLeftFirstToken = await browser.execute(() => document.querySelector("#nmore-tokenizer").shadowRoot.querySelector(".ui5-tokenizer--content").scrollLeft);
-
-		await tokenizer.keys('ArrowRight');
-		await tokenizer.keys('ArrowRight');
-		await tokenizer.keys('ArrowRight');
-
-		let scrollLeftForthToken = await browser.execute(() => document.querySelector("#nmore-tokenizer").shadowRoot.querySelector(".ui5-tokenizer--content").scrollLeft);
-
-		assert.notEqual(scrollLeftFirstToken, scrollLeftForthToken, "tokenizer is scrolled when navigating through the tokens");
-
-		await tokenizer.keys('ArrowLeft');
-		await tokenizer.keys('ArrowLeft');
-		await tokenizer.keys('ArrowLeft');
-
-		let newScrollLeft = await browser.execute(() => document.querySelector("#nmore-tokenizer").shadowRoot.querySelector(".ui5-tokenizer--content").scrollLeft);
-
-		assert.notEqual(newScrollLeft, scrollLeftForthToken, "tokenizer is scrolled again when navigating through the tokens");
-	})
-
-	it("should open popover on keyboard combination [Ctrl] + [I]", async () => {
-		const tokenizer = await $("#long-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const rpo = await tokenizer.shadow$("ui5-responsive-popover");
-
-		await firstToken.click();
-		await browser.keys(["Control", "i"]);
-		assert.ok(await rpo.getProperty("open"), "nMore Popover should be opened");
-
-		await browser.keys(["Control", "i"]);
-		assert.notOk(await rpo.getProperty("open"), "nMore Popover should be closed");
-	});
-
-	it("should close popover on token selection via mouse", async () => {
-		const tokenizer = await $("#long-tokenizer");
-		const firstToken = await tokenizer.$("ui5-token:first-child");
-		const secondToken = await tokenizer.$("ui5-token:nth-child(2)");
-		const rpo = await tokenizer.shadow$("ui5-responsive-popover");
-
-		await firstToken.click();
-		await browser.keys(["Control", "i"]);
-		assert.ok(await rpo.getProperty("open"), "nMore Popover should be opened");
-
-		await secondToken.click();
-
-		assert.notOk(await rpo.getProperty("open"), "nMore Popover should be closed");
-		assert.ok(await secondToken.getProperty("focused"), "Second token should be focused");
-		assert.ok(await tokenizer.getProperty("expanded"), "Tokenizer should be expanded");
-	});
-});