@ui5/webcomponents-base 0.0.0-4e88b8243 → 0.0.0-50f1454ef

package/CHANGELOG.md

@@ -3,6 +3,262 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.11.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.11.0-rc.0...v2.11.0-rc.1) (2025-05-15)
+
+
+### Bug Fixes
+
+* **f6navigation:** delegate fast navigation to openui5 ([#11505](https://github.com/SAP/ui5-webcomponents/issues/11505)) ([b23ee41](https://github.com/SAP/ui5-webcomponents/commit/b23ee41258835e0561e175150a099e0d9669a977)), closes [#10462](https://github.com/SAP/ui5-webcomponents/issues/10462)
+
+
+### Features
+
+* **f6navigation:** add option to bypass groups ([#11494](https://github.com/SAP/ui5-webcomponents/issues/11494)) ([7039c24](https://github.com/SAP/ui5-webcomponents/commit/7039c24d260406d8b69883fe843de1b5c3cdc819))
+
+
+
+
+
+# [2.11.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0...v2.11.0-rc.0) (2025-05-08)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+# [2.10.0](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.3...v2.10.0) (2025-05-07)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+# [2.10.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.2...v2.10.0-rc.3) (2025-05-01)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+# [2.10.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.1...v2.10.0-rc.2) (2025-04-24)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+# [2.10.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.10.0-rc.0...v2.10.0-rc.1) (2025-04-17)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+# [2.10.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.9.1-rc.0...v2.10.0-rc.0) (2025-04-14)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+## [2.9.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.9.0...v2.9.1-rc.0) (2025-04-10)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+# [2.9.0](https://github.com/SAP/ui5-webcomponents/compare/v2.9.0-rc.3...v2.9.0) (2025-04-04)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+# [2.9.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.9.0-rc.2...v2.9.0-rc.3) (2025-04-03)
+
+
+### Bug Fixes
+
+* **framework:** fix fetching "id" (indonesian) language ([#11251](https://github.com/SAP/ui5-webcomponents/issues/11251)) ([9a36df5](https://github.com/SAP/ui5-webcomponents/commit/9a36df5dc2191758abd665d6fb1014d645e322f7)), closes [#11233](https://github.com/SAP/ui5-webcomponents/issues/11233)
+
+
+
+
+
+# [2.9.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.9.0-rc.1...v2.9.0-rc.2) (2025-03-27)
+
+
+### Bug Fixes
+
+* **framework:** .d.ts errors that require skipLibCheck ([#11189](https://github.com/SAP/ui5-webcomponents/issues/11189)) ([92f0e68](https://github.com/SAP/ui5-webcomponents/commit/92f0e68c3b3b71ff27f707621b8b3da2248a2719))
+* **framework:** fix find first focusable element ([#10984](https://github.com/SAP/ui5-webcomponents/issues/10984)) ([40303d5](https://github.com/SAP/ui5-webcomponents/commit/40303d54ce3fcc06ad980e12224be9f13ce8a983))
+
+
+
+
+
+# [2.9.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.9.0-rc.0...v2.9.0-rc.1) (2025-03-20)
+
+
+### Bug Fixes
+
+* keep export paths in base in sync ([#11082](https://github.com/SAP/ui5-webcomponents/issues/11082)) ([8620ac8](https://github.com/SAP/ui5-webcomponents/commit/8620ac8823256ecf34ba70b4c06210253a3e5d14))
+
+
+
+
+
+# [2.9.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.8.1-rc.0...v2.9.0-rc.0) (2025-03-13)
+
+
+### Bug Fixes
+
+* **ui5-tabcontainer:** allow browser refresh shortcut to work ([#11035](https://github.com/SAP/ui5-webcomponents/issues/11035)) ([a4a0f02](https://github.com/SAP/ui5-webcomponents/commit/a4a0f028f44a60fd6caea0f4ecdac49b0289270d))
+
+
+
+
+
+## [2.8.1-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.8.0...v2.8.1-rc.0) (2025-03-06)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+# [2.8.0](https://github.com/SAP/ui5-webcomponents/compare/v2.8.0-rc.3...v2.8.0) (2025-03-04)
+
+
+### Features
+
+* **framework:** add `.currentTarget` to the type of event handler in TSX and UI5CustomEvent ([#10957](https://github.com/SAP/ui5-webcomponents/issues/10957)) ([f56753c](https://github.com/SAP/ui5-webcomponents/commit/f56753c5142d6e817b05d7e33bd160f09c2d5205))
+
+
+
+
+
+# [2.8.0-rc.3](https://github.com/SAP/ui5-webcomponents/compare/v2.8.0-rc.2...v2.8.0-rc.3) (2025-02-27)
+
+
+### Bug Fixes
+
+* i18n bundle storage ([#10924](https://github.com/SAP/ui5-webcomponents/issues/10924)) ([e5456fb](https://github.com/SAP/ui5-webcomponents/commit/e5456fba557ab339ddcf6d933284a2b51155fa33)), closes [#10521](https://github.com/SAP/ui5-webcomponents/issues/10521)
+* **ui5-popover, ui5-dialog:** fix finding keyboard focusable scroll containers ([#10891](https://github.com/SAP/ui5-webcomponents/issues/10891)) ([ed26b90](https://github.com/SAP/ui5-webcomponents/commit/ed26b9051ef02772d748de463b9b3084de12ebe8))
+* **ui5-popover, ui5-dialog:** fix preventDefault for before-open and before-close events ([#10883](https://github.com/SAP/ui5-webcomponents/issues/10883)) ([e32e7ba](https://github.com/SAP/ui5-webcomponents/commit/e32e7ba83e4a950a7ad4745c302cc34b57c4cb8e))
+
+
+
+
+
+# [2.8.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.8.0-rc.1...v2.8.0-rc.2) (2025-02-20)
+
+
+### Bug Fixes
+
+* **framework:** allow usage of events with any name not only kebab-case ([#10896](https://github.com/SAP/ui5-webcomponents/issues/10896)) ([d49f0de](https://github.com/SAP/ui5-webcomponents/commit/d49f0ded677a3d000e22811504a93f7ab11b145c))
+
+
+
+
+
+# [2.8.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.8.0-rc.0...v2.8.0-rc.1) (2025-02-13)
+
+
+### Bug Fixes
+
+* **ui5-table:** update select all checkbox ([#10833](https://github.com/SAP/ui5-webcomponents/issues/10833)) ([819edcd](https://github.com/SAP/ui5-webcomponents/commit/819edcd51b04d60634fa8faa8f5c6b256eac99f5)), closes [#10658](https://github.com/SAP/ui5-webcomponents/issues/10658) [#10574](https://github.com/SAP/ui5-webcomponents/issues/10574) [#10804](https://github.com/SAP/ui5-webcomponents/issues/10804)
+
+
+
+
+
+# [2.8.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.7.0...v2.8.0-rc.0) (2025-02-06)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+# [2.7.0](https://github.com/SAP/ui5-webcomponents/compare/v2.7.0-rc.2...v2.7.0) (2025-02-03)
+
+
+### Bug Fixes
+
+* **framework:** improve check for native popovers ([#10745](https://github.com/SAP/ui5-webcomponents/issues/10745)) ([f21f9b8](https://github.com/SAP/ui5-webcomponents/commit/f21f9b8835c7081235acc79d067b6e0a77feccbd))
+
+
+
+
+
+# [2.7.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v2.7.0-rc.1...v2.7.0-rc.2) (2025-01-30)
+
+
+### Bug Fixes
+
+* **f6navigation:** fast navigation in certain container only ([#10485](https://github.com/SAP/ui5-webcomponents/issues/10485)) ([4b2ab63](https://github.com/SAP/ui5-webcomponents/commit/4b2ab63cae9b175f07d266e4150a587756cd7f6c))
+
+
+
+
+
+# [2.7.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.7.0-rc.0...v2.7.0-rc.1) (2025-01-23)
+
+
+### Features
+
+* **ui5-color-picker:** add HSL color selection ([#10157](https://github.com/SAP/ui5-webcomponents/issues/10157)) ([8d0e5a4](https://github.com/SAP/ui5-webcomponents/commit/8d0e5a492c9705499571ef223524f051454e766c)), closes [#10275](https://github.com/SAP/ui5-webcomponents/issues/10275)
+
+
+
+
+
+# [2.7.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.6.2...v2.7.0-rc.0) (2025-01-16)
+
+
+### Bug Fixes
+
+* i18n decorator property definition ([#10521](https://github.com/SAP/ui5-webcomponents/issues/10521)) ([d19f4e9](https://github.com/SAP/ui5-webcomponents/commit/d19f4e99bad74432bff21587da43a5844f17f8cf))
+* **ui5-popover:** fix opener reference ([#10507](https://github.com/SAP/ui5-webcomponents/issues/10507)) ([a38a28e](https://github.com/SAP/ui5-webcomponents/commit/a38a28e11245e0121bd0a2d6b9d1f5b294952a42))
+
+
+
+
+
+## [2.6.2](https://github.com/SAP/ui5-webcomponents/compare/v2.6.2-rc.0...v2.6.2) (2025-01-09)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+## [2.6.2-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.6.1...v2.6.2-rc.0) (2025-01-09)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
+## [2.6.1](https://github.com/SAP/ui5-webcomponents/compare/v2.6.0...v2.6.1) (2025-01-08)
+
+**Note:** Version bump only for package @ui5/webcomponents-base
+
+
+
+
+
 # [2.6.0](https://github.com/SAP/ui5-webcomponents/compare/v2.6.0-rc.5...v2.6.0) (2025-01-07)
 
 **Note:** Version bump only for package @ui5/webcomponents-base

package/cypress/specs/{Accessor.cy.ts → Accessor.cy.tsx}

@@ -1,8 +1,8 @@
-import "../../test/test-elements/Accessor.js";
+import Accessor from "../../test/test-elements/Accessor.js";
 
 describe("Framework boot", () => {
 	it("Setting property updates attribute, state and DOM", () => {
-		cy.mount(`<ui5-test-accessor></ui5-test-accessor>`);
+		cy.mount(<Accessor></Accessor>);
 
 		cy.get("[ui5-test-accessor]")
 			.as("testAccessor")
@@ -36,7 +36,7 @@ describe("Framework boot", () => {
 	});
 
 	it("Setting attribute updates property, state and DOM", () => {
-		cy.mount(`<ui5-test-accessor></ui5-test-accessor>`);
+		cy.mount(<Accessor></Accessor>);
 
 		cy.get("[ui5-test-accessor]")
 			.as("testAccessor")
@@ -70,7 +70,7 @@ describe("Framework boot", () => {
 	});
 
 	it("should stop searching for accessors when HTMLElement is reached", () => {
-		cy.mount(`<ui5-test-accessor></ui5-test-accessor>`);
+		cy.mount(<Accessor></Accessor>);
 
 		cy.get("[ui5-test-accessor]")
 			.invoke("prop", "title")

package/cypress/specs/{ConfigurationScript.cy.ts → ConfigurationScript.cy.tsx}

@@ -1,6 +1,7 @@
 import { getAnimationMode } from "../../src/config/AnimationMode.js";
 import { getCalendarType } from "../../src/config/CalendarType.js";
 import { getDefaultFontLoading } from "../../src/config/Fonts.js";
+import TestGeneric from "../../test/test-elements/Generic.js";
 import { getFirstDayOfWeek, getLegacyDateCalendarCustomizing } from "../../src/config/FormatSettings.js";
 import { getLanguage } from "../../src/config/Language.js";
 import { getNoConflict } from "../../src/config/NoConflict.js";
@@ -43,21 +44,37 @@ describe("Configuration script", () => {
 	};
 
 	before(() => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`, {
-			ui5Configuration: configurationObject,
-		});
+		cy.window()
+			.then($el => {
+				const scriptElement = document.createElement("script");
+				scriptElement.type = "application/json";
+				scriptElement.setAttribute("data-ui5-config", "true");
+				scriptElement.innerHTML = JSON.stringify(configurationObject);
+				return $el.document.head.append(scriptElement);
+			})
+
 
 		cy.wrap({ resetConfiguration })
 			.invoke("resetConfiguration", true);
 
+		cy.mount(<TestGeneric />);
 		cy.get("script[data-ui5-config]")
 			.should("exist")
 			.then($el => {
-				return $el.get(0).innerHTML;
+				return $el.get(0)?.innerHTML;
 			})
 			.should("equal", JSON.stringify(configurationObject));
 	});
 
+	after(() => {
+		cy.window()
+			.then($el => {
+				const scriptElement = $el.document.head.querySelector("script[data-ui5-config]");
+
+				scriptElement?.remove();
+			})
+	})
+
 	it("getLanguage", () => {
 		cy.wrap({ getLanguage })
 			.invoke("getLanguage")

package/cypress/specs/{ConfigurationURL.cy.ts → ConfigurationURL.cy.tsx}

@@ -1,10 +1,11 @@
 import { internals } from "../../src/Location.js";
-import "../../test/test-elements/Generic.js";
+import TestGeneric from "../../test/test-elements/Generic.js";
 import { resetConfiguration } from "../../src/InitialConfiguration.js";
 import { getLanguage } from "../../src/config/Language.js";
 import { getCalendarType } from "../../src/config/CalendarType.js";
 import { getTheme } from "../../src/config/Theme.js";
 import { getAnimationMode } from "../../src/config/AnimationMode.js";
+import AnimationMode from "../../src/types/AnimationMode.js";
 import { getThemeRoot } from "../../src/config/ThemeRoot.js";
 
 describe("Some settings can be set via SAP UI URL params", () => {
@@ -23,7 +24,7 @@ describe("Some settings can be set via SAP UI URL params", () => {
 			.invoke("search")
 			.should("be.equal", searchParams);
 
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<TestGeneric />);
 	});
 
 	it("Tests that language is applied", () => {
@@ -47,7 +48,7 @@ describe("Some settings can be set via SAP UI URL params", () => {
 	it("Tests that animationMode is applied", () => {
 		cy.wrap({ getAnimationMode })
 			.invoke("getAnimationMode")
-			.should("equal", "basic");
+			.should("equal", AnimationMode.Basic);
 	});
 });
 
@@ -55,6 +56,16 @@ describe("Different themeRoot configurations", () => {
 	it("Allowed theme root", () => {
 		const searchParams = "sap-ui-theme=sap_horizon_hcb@https://example.com";
 
+		// All allowed theme roots need to be described inside the meta tag.
+		cy.window()
+			.then($el => {
+				const metaTag = document.createElement("meta");
+				metaTag.name = "sap-allowedThemeOrigins";
+				metaTag.content = "https://example.com";
+
+				$el.document.head.append(metaTag);
+			})
+
 		cy.stub(internals, "search", () => {
 			return searchParams;
 		});
@@ -66,11 +77,19 @@ describe("Different themeRoot configurations", () => {
 			.invoke("search")
 			.should("be.equal", searchParams);
 
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<TestGeneric />);
 
 		cy.wrap({ getThemeRoot })
 			.invoke("getThemeRoot")
 			.should("equal", "https://example.com/UI5/");
+
+		// All allowed theme roots need to be described inside the meta tag.
+		cy.window()
+			.then($el => {
+				const metaTag = $el.document.head.querySelector("[name='sap-allowedThemeOrigins']");
+
+				metaTag?.remove();
+			})
 	});
 
 	it("Unallowed theme root", () => {
@@ -87,7 +106,7 @@ describe("Different themeRoot configurations", () => {
 			.invoke("search")
 			.should("be.equal", searchParams);
 
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<TestGeneric />);
 
 		cy.wrap({ getThemeRoot })
 			.invoke("getThemeRoot")
@@ -108,7 +127,7 @@ describe("Different themeRoot configurations", () => {
 			.invoke("search")
 			.should("be.equal", searchParams);
 
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<TestGeneric />);
 
 		cy.wrap({ getThemeRoot })
 			.invoke("getThemeRoot")
@@ -134,7 +153,7 @@ describe("Some settings can be set via SAP URL params", () => {
 			.invoke("search")
 			.should("be.equal", searchParams);
 
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<TestGeneric />);
 	});
 
 	it("Tests that language is applied via sap-ui-language", () => {
@@ -165,7 +184,7 @@ describe("Some settings can be set via SAP UI URL params", () => {
 			.invoke("search")
 			.should("be.equal", searchParams);
 
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<TestGeneric />);
 	});
 
 	it("Tests that language is applied via sap-ui-language", () => {

package/cypress/specs/CustomMount.cy.tsx

@@ -0,0 +1,9 @@
+describe("Custom mount", () => {
+	it("mount", () => {
+		cy.mount(<button>Test</button>);
+
+		cy.get("button")
+			.should("exist")
+			.and("have.text", "Test");
+	});
+});

package/cypress/specs/{CustomTheme.cy.ts → CustomTheme.cy.tsx}

@@ -1,7 +1,7 @@
 import { registerThemePropertiesLoader } from "../../src/AssetRegistry.js";
 import { setTheme } from "../../src/config/Theme.js";
 import { getCurrentRuntimeIndex } from "../../src/Runtimes.js";
-import "../../test/test-elements/Generic.js";
+import TestGeneric from "../../test/test-elements/Generic.js";
 
 describe("Custom themes can be registered", () => {
 	it("Tests that theme parameters are changed on theme change", () => {
@@ -10,7 +10,7 @@ describe("Custom themes can be registered", () => {
 		const currentRuntime = 0;
 		const dataPropAttr = `data-ui5-component-properties-${currentRuntime}`;
 
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<TestGeneric />);
 
 		cy.wrap({ getCurrentRuntimeIndex })
 			.invoke("getCurrentRuntimeIndex")

package/cypress/specs/Events.cy.tsx

@@ -0,0 +1,28 @@
+import EventsConsumer from "../../test/test-elements/Events.js";
+import type { Events } from "../../test/test-elements/Events.js";
+
+describe("Event provider attaches and detaches listeners properly", () => {
+	it("Tests that attaching camelCase and kebab-case events in templates works", () => {
+		cy.mount(<EventsConsumer></EventsConsumer>);
+		cy.get<EventsConsumer>("[ui5-test-events-consumer]")
+			.as("eventsConsumer");
+
+		cy.get("@eventsConsumer")
+			.shadow()
+			.find("[ui5-test-events]")
+			.then(elements => {
+				(elements[0] as Events).fireKebaCaseEvent();
+			});
+		cy.get("@eventsConsumer")
+			.should("have.prop", "kebabCaseFired", true);
+
+		cy.get("@eventsConsumer")
+			.shadow()
+			.find("[ui5-test-events]")
+			.then(elements => {
+				(elements[0] as Events).fireCamelCaseEvent();
+			});
+		cy.get("@eventsConsumer")
+			.should("have.prop", "camelCaseFired", true);
+	});
+});

package/cypress/specs/{UI5ElementInvalidation.cy.ts → UI5ElementInvalidation.cy.tsx}

@@ -1,9 +1,14 @@
 import type UI5Element from "../../src/UI5Element.js";
-import "../../test/test-elements/Generic.js";
+import Generic from "../../test/test-elements/Generic.js";
 
 describe("Invalidation works", () => {
 	it("Tests that changing a property invalidates", () => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<Generic></Generic>);
+
+		cy.get<Generic>("[ui5-test-generic]")
+			.should($el => {
+				expect($el[0].getDomRef()).to.exist;
+			});
 
 		cy.get("[ui5-test-generic]")
 			.as("testGeneric")
@@ -22,10 +27,15 @@ describe("Invalidation works", () => {
 	});
 
 	it("Tests that setting a property to the same value does not invalidate", () => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<Generic></Generic>);
 
 		const text = "new value";
 
+		cy.get<Generic>("[ui5-test-generic]")
+			.should($el => {
+				expect($el[0].getDomRef()).to.exist;
+			});
+
 		cy.get("[ui5-test-generic]")
 			.as("testGeneric")
 			.invoke("prop", "strProp", text)
@@ -41,11 +51,16 @@ describe("Invalidation works", () => {
 	});
 
 	it("Tests that setting a property of type Object always invalidates", () => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<Generic></Generic>);
 
 		const obj = {};
 		const otherObj = {};
 
+		cy.get<Generic>("[ui5-test-generic]")
+			.should($el => {
+				expect($el[0].getDomRef()).to.exist;
+			});
+
 		cy.get("[ui5-test-generic]")
 			.as("testGeneric")
 			.invoke("prop", "objectProp", obj)
@@ -61,11 +76,16 @@ describe("Invalidation works", () => {
 	});
 
 	it("Tests that setting an array property always invalidates", () => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<Generic></Generic>);
 
 		const arr: Array<string> = [];
 		const otherArr: Array<string> = [];
 
+		cy.get<Generic>("[ui5-test-generic]")
+			.should($el => {
+				expect($el[0].getDomRef()).to.exist;
+			});
+
 		cy.get("[ui5-test-generic]")
 			.as("testGeneric")
 			.invoke("prop", "multiProp", arr)
@@ -81,7 +101,12 @@ describe("Invalidation works", () => {
 	});
 
 	it("Tests that adding a child invalidates", () => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<Generic></Generic>);
+
+		cy.get<Generic>("[ui5-test-generic]")
+			.should($el => {
+				expect($el[0].getDomRef()).to.exist;
+			});
 
 		cy.get("[ui5-test-generic]")
 			.as("testGeneric")
@@ -100,10 +125,15 @@ describe("Invalidation works", () => {
 	});
 
 	it("Tests that removing a child invalidates", () => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<Generic></Generic>);
 
 		const div = document.createElement("div");
 
+		cy.get<Generic>("[ui5-test-generic]")
+			.should($el => {
+				expect($el[0].getDomRef()).to.exist;
+			});
+
 		cy.get("[ui5-test-generic]")
 			.as("testGeneric")
 			.then($testGeneric => {
@@ -128,7 +158,12 @@ describe("Invalidation works", () => {
 	});
 
 	it("Tests that modifying textContent invalidates", () => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<Generic></Generic>);
+
+		cy.get<Generic>("[ui5-test-generic]")
+			.should($el => {
+				expect($el[0].getDomRef()).to.exist;
+			});
 
 		cy.get("[ui5-test-generic]")
 			.as("testGeneric")
@@ -154,7 +189,12 @@ describe("Invalidation works", () => {
 	});
 
 	it("Tests that modifying nodeValue invalidates", () => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<Generic></Generic>);
+
+		cy.get<Generic>("[ui5-test-generic]")
+			.should($el => {
+				expect($el[0].getDomRef()).to.exist;
+			});
 
 		cy.get("[ui5-test-generic]")
 			.as("testGeneric")
@@ -180,7 +220,12 @@ describe("Invalidation works", () => {
 	});
 
 	it("Tests that multiple invalidations result in a single rendering", () => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<Generic></Generic>);
+
+		cy.get<Generic>("[ui5-test-generic]")
+			.should($el => {
+				expect($el[0].getDomRef()).to.exist;
+			});
 
 		cy.get("[ui5-test-generic]")
 			.as("testGeneric");

package/cypress/specs/{UI5ElementLifecycle.cy.ts → UI5ElementLifecycle.cy.tsx}

@@ -1,11 +1,11 @@
 import type UI5Element from "../../src/UI5Element.js";
-import "../../test/test-elements/Generic.js";
+import Generic from "../../test/test-elements/Generic.js";
 
 describe("Lifecycle works", () => {
 	it("Tests that changing a property invalidates", () => {
 		const el = document.createElement("ui5-test-generic");
 
-		cy.mount(`<div id="container"></div>`);
+		cy.mount(<div id="container"></div>);
 
 		cy.spy<UI5Element>((el as UI5Element), "onBeforeRendering").as("onBeforeRendering");
 
@@ -32,7 +32,7 @@ describe("Lifecycle works", () => {
 	});
 
 	it("Tests element invalidation callbacks", () => {
-		cy.mount(`<ui5-test-generic></ui5-test-generic>`);
+		cy.mount(<Generic></Generic>);
 
 		cy.get("[ui5-test-generic]")
 			.as("testGeneric")
@@ -56,7 +56,7 @@ describe("Lifecycle works", () => {
 	it("Tests element destruction callback", () => {
 		const el = document.createElement("ui5-test-generic");
 
-		cy.mount(`<div id="container"></div>`);
+		cy.mount(<div id="container"></div>);
 
 		cy.spy<UI5Element>((el as UI5Element), "onExitDOM").as("onExitDOM");
 		cy.spy<UI5Element>((el as UI5Element), "onEnterDOM").as("onEnterDOM");