@openui5/sap.ui.core 1.122.1 → 1.123.0

package/test/sap/ui/core/qunit/app/ThemeClassParameters.qunit.js

@@ -1,9 +1,8 @@
 /*global QUnit */
 sap.ui.define([
 	"sap/ui/core/Theming",
-	"sap/ui/core/theming/Parameters",
-	"sap/ui/thirdparty/jquery"
-], function (Theming, Parameters, jQuery) {
+	"sap/ui/core/theming/Parameters"
+], function (Theming, Parameters) {
 	"use strict";
 
 	/**
@@ -28,8 +27,8 @@ sap.ui.define([
 	 */
 	function unifyHexNotation(input) {
 		if (input.length === 4) {
-			var colorShortNotationRegexp = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-			var sResult = colorShortNotationRegexp.exec(input);
+			const colorShortNotationRegexp = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+			const sResult = colorShortNotationRegexp.exec(input);
 			if (sResult) {
 				return "#" + sResult[1] + sResult[1] + sResult[2] + sResult[2] + sResult[3] + sResult[3];
 			}
@@ -46,167 +45,133 @@ sap.ui.define([
 
 		sHex = unifyHexNotation(sHex);
 
-		var sResult = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(sHex);
+		const sResult = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(sHex);
 
 		return (sResult ? "rgb(" + parseInt(sResult[1], 16) + ", " + parseInt(sResult[2], 16) + ", " + parseInt(sResult[3], 16) + ")" : sHex);
 	}
 
+	function canonicalize(value, cssProperty) {
+		if (cssProperty === "font-size") {
+			return fontSizeToPx(value);
+		}
+		return hexToRgb(value);
+	}
+
 	function normalizeValue(sCssPropertyValue) {
 		return sCssPropertyValue ? sCssPropertyValue.replace(/\s/g, "").replace(/\"/g, "\'") : sCssPropertyValue;
 	}
 
 	/**
-	 * test case function that compares the CSS on the DOM node to the according less parameter
-	 * @param {object} assert the QUnit assert object
-	 * @param {string} sClassName
-	 * @param {string} sCSSProperty
-	 * @param {string} sExpectedLessParameter
+	 * Get a theme parameter by its name.
+	 *
+	 * @param {string} name Name of the parameter (without the leading "@" of the less parameter name)
+	 * @returns {Promise<string|undefined>} Value of the theme parameter
 	 */
-	function cssClassTestCase(assert, sClassName, sCSSProperty, sExpectedLessParameter) {
-		// Arrange
-		var $domElement = jQuery("#qunit-fixture div");
-		sExpectedLessParameter = (sExpectedLessParameter[0] === "@" ? sExpectedLessParameter.substring(1) : sExpectedLessParameter);
-
-		// Act
-		$domElement.addClass(sClassName);
-
-		// Assert
-		var sThemeParameterValue = Parameters.get(sExpectedLessParameter);
-		if (sCSSProperty === "font-size") {
-			sThemeParameterValue = fontSizeToPx(sThemeParameterValue);
-		} else {
-			if (sCSSProperty === "border-color") {
-				// fix: firefox does not support reading shorthand CSS properties, so use one of the border properties instead
-				sCSSProperty = "borderTopColor";
+	function getThemeParameter(name) {
+		return new Promise((resolve) => {
+			const value = Parameters.get({
+				name: name,
+				callback: resolve
+			});
+			if ( value !== undefined ) {
+				resolve(value);
 			}
-			sThemeParameterValue = hexToRgb(sThemeParameterValue);
-		}
-
-		assert.ok(!!$domElement.css(sCSSProperty), "The class \"" + sClassName + "\" has a non-empty value for CSS property \"" + sCSSProperty + "\" ");
-		assert.strictEqual(normalizeValue($domElement.css(sCSSProperty)), normalizeValue(sThemeParameterValue), "The class \"" + sClassName + "\" set CSS property \"" + sCSSProperty + "\" to \"@" + sExpectedLessParameter
-			+ "\" (" + Parameters.get(sExpectedLessParameter) + ") - normalized results: " + normalizeValue($domElement.css(sCSSProperty)) + " vs " + normalizeValue(sThemeParameterValue));
+		});
 	}
 
-	QUnit.module("Theme-Dependent CSS Classes for: " + Theming.getTheme(), {
-		beforeEach: function () {
-			jQuery("#qunit-fixture").append(jQuery("<div>I love theming!</div>"));
-		},
-		afterEach: function () {
-			jQuery("#qunit-fixture").empty();
-		}
-	});
+	/**
+	 * Creates a QUnit.module with one QUnit.test for each given scenario.
+	 * Each test applies the given CSS class and compares the CSS property value with the value of the theme parameter.
+	 * @param {string} caption Common topic of the scenarios
+	 * @param {Array<Array<string>>} scenarios Scenarios to test
+	 * @param {string} scenarios[].0 CSS class to apply
+	 * @param {string} scenarios[].1 Style property to check
+	 * @param {string} scenarios[].2 Theme parameter defining the expected value
+	 */
+	function makeModule(caption, scenarios) {
+
+		QUnit.module(`Theme-Dependent CSS Classes for "${Theming.getTheme()}" (${caption})`);
+
+		scenarios.forEach(([sClassName, sCSSProperty, sThemeParameter]) => {
+			QUnit.test(`Should set the theme base class "${sClassName}" correctly"`, async function(assert) {
+				const expectedValue = await getThemeParameter(sThemeParameter);
+				const normalizedExpectedValue = normalizeValue(canonicalize(expectedValue, sCSSProperty));
+
+				// Arrange
+				const domElement = document.createElement("div");
+				document.getElementById("qunit-fixture").appendChild(domElement);
+
+				// Act
+				domElement.className = sClassName;
+
+				// Assert
+				const actualValue = window.getComputedStyle(domElement)[sCSSProperty];
+				const normalizedActualValue = normalizeValue(actualValue);
+				assert.ok(actualValue,
+					`The class "${sClassName}" should result in a non-empty value for CSS property "${sCSSProperty}"`);
+				assert.strictEqual(normalizedActualValue, normalizedExpectedValue,
+					`The class "${sClassName}" should set the CSS property "${sCSSProperty}" to "@${sThemeParameter}"`
+					+ ` (= ${expectedValue}) - normalized results: ${normalizedActualValue} vs ${normalizedExpectedValue}`);
+
+				// cleanup
+				domElement.remove();
+			});
+		});
+	}
 
 	/* font */
-	QUnit.test("Should set the theme base class \"sapThemeFont\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeFont", "font-family", "sapUiFontFamily");
-		cssClassTestCase.call(this, assert, "sapThemeFont", "font-size", "sapUiFontSize");
-		cssClassTestCase.call(this, assert, "sapThemeFont", "font-size", "sapUiFontSize");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeFontFamily\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeFontFamily", "font-family", "sapUiFontFamily");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeFontSize\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeFontSize", "font-size", "sapUiFontSize");
-	});
+	makeModule("font", [
+		["sapThemeFont", "font-family", "sapUiFontFamily"],
+		["sapThemeFont", "font-size", "sapUiFontSize"],
+		["sapThemeFontFamily", "font-family", "sapUiFontFamily"],
+		["sapThemeFontSize", "font-size", "sapUiFontSize"]
+	]);
 
 	/* text color */
-	QUnit.test("Should set the theme base class \"sapThemeText\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeText", "color", "sapUiBaseText");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeText-asColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeText-asColor", "color", "sapUiBaseText");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeText-asBackgroundColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeText-asBackgroundColor", "background-color", "sapUiBaseText");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeText-asBorderColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeText-asBorderColor", "border-color", "sapUiBaseText");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeText-asOutlineColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeText-asOutlineColor", "outline-color", "sapUiBaseText");
-	});
+	makeModule("text color", [
+		["sapThemeText", "color", "sapUiBaseText"],
+		["sapThemeText-asColor", "color", "sapUiBaseText"],
+		["sapThemeText-asBackgroundColor", "background-color", "sapUiBaseText"],
+		["sapThemeText-asBorderColor", "border-color", "sapUiBaseText"],
+		["sapThemeText-asOutlineColor", "outline-color", "sapUiBaseText"]
+	]);
 
 	/* text color inverted */
-	QUnit.test("Should set the theme base class \"sapThemeTextInverted\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeTextInverted", "color", "sapUiContentContrastTextColor");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeTextInverted-asColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeTextInverted-asColor", "color", "sapUiContentContrastTextColor");
-	});
+	makeModule("ext color inverted", [
+		["sapThemeTextInverted", "color", "sapUiContentContrastTextColor"],
+		["sapThemeTextInverted-asColor", "color", "sapUiContentContrastTextColor"]
+	]);
 
 	/* background color */
-	QUnit.test("Should set the theme base class \"sapThemeBaseBG\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeBaseBG", "background-color", "sapUiBaseBG");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeBaseBG-asColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeBaseBG-asColor", "color", "sapUiBaseBG");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeBaseBG-asBackgroundColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeBaseBG-asBackgroundColor", "background-color", "sapUiBaseBG");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeBaseBG-asBorderColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeBaseBG-asBorderColor", "border-color", "sapUiBaseBG");
-	});
+	makeModule("background color", [
+		["sapThemeBaseBG", "background-color", "sapUiBaseBG"],
+		["sapThemeBaseBG-asColor", "color", "sapUiBaseBG"],
+		["sapThemeBaseBG-asBackgroundColor", "background-color", "sapUiBaseBG"],
+		["sapThemeBaseBG-asBorderColor", "border-color", "sapUiBaseBG"]
+	]);
 
 	/* brand color */
-	QUnit.test("Should set the theme base class \"sapThemeBrand\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeBrand", "color", "sapUiBrand");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeBrand-asColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeBrand-asColor", "color", "sapUiBrand");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeBrand-asBackgroundColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeBrand-asBackgroundColor", "background-color", "sapUiBrand");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeBrand-asBorderColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeBrand-asBorderColor", "border-color", "sapUiBrand");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeBrand-asOutlineColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeBrand-asOutlineColor", "outline-color", "sapUiBrand");
-	});
+	makeModule("brand color", [
+		["sapThemeBrand", "color", "sapUiBrand"],
+		["sapThemeBrand-asColor", "color", "sapUiBrand"],
+		["sapThemeBrand-asBackgroundColor", "background-color", "sapUiBrand"],
+		["sapThemeBrand-asBorderColor", "border-color", "sapUiBrand"],
+		["sapThemeBrand-asOutlineColor", "outline-color", "sapUiBrand"]
+	]);
 
 	/* highlight color */
-	QUnit.test("Should set the theme base class \"sapThemeHighlight\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeHighlight", "color", "sapUiHighlight");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeHighlight-asColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeHighlight-asColor", "color", "sapUiHighlight");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeHighlight-asBackgroundColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeHighlight-asBackgroundColor", "background-color", "sapUiHighlight");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeHighlight-asBorderColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeHighlight-asBorderColor", "border-color", "sapUiHighlight");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeHighlight-asOutlineColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeHighlight-asOutlineColor", "outline-color", "sapUiHighlight");
-	});
+	makeModule("highlight color", [
+		["sapThemeHighlight", "color", "sapUiHighlight"],
+		["sapThemeHighlight-asColor", "color", "sapUiHighlight"],
+		["sapThemeHighlight-asBackgroundColor", "background-color", "sapUiHighlight"],
+		["sapThemeHighlight-asBorderColor", "border-color", "sapUiHighlight"],
+		["sapThemeHighlight-asOutlineColor", "outline-color", "sapUiHighlight"]
+	]);
 
 	/* border color */
-	QUnit.test("Should set the theme base class \"sapThemeForegroundBorderColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeForegroundBorderColor", "border-color", "sapUiContentForegroundBorderColor");
-	});
-
-	QUnit.test("Should set the theme base class \"sapThemeForegroundBorderColor-asBorderColor\" correctly", function (assert) {
-		cssClassTestCase.call(this, assert, "sapThemeForegroundBorderColor-asBorderColor", "border-color", "sapUiContentForegroundBorderColor");
-	});
+	makeModule("border color", [
+		["sapThemeForegroundBorderColor", "border-color", "sapUiContentForegroundBorderColor"],
+		["sapThemeForegroundBorderColor-asBorderColor", "border-color", "sapUiContentForegroundBorderColor"]
+	]);
 
 });

package/test/sap/ui/core/qunit/app/testsuite.app.qunit.js

@@ -8,8 +8,7 @@ sap.ui.define(function () {
 				resourceroots: {
 					"test": "test-resources/sap/ui/core/qunit/app/fixture/"
 				}
-			},
-			beforeBootstrap: "./beforeBootstrap"
+			}
 		},
 		tests: {
 			MessageListBinding: {
@@ -40,6 +39,9 @@ sap.ui.define(function () {
 				},
 				module: "./ThemeClassParameters.qunit"
 			},
+			/**
+			 * @deprecated As of version 1.48, the sap_hcb theme has been deprecated.
+			 */
 			"ThemeClassParameters(sap_hcb)": {
 				title: "Tests for sap/ui/core/theming/Parameters (sap_hcb): Theme-Dependent CSS Classes",
 				ui5: {
@@ -48,6 +50,9 @@ sap.ui.define(function () {
 				},
 				module: "./ThemeClassParameters.qunit"
 			},
+			/**
+			 * @deprecated As of version 1.40, the sap_bluecrystal theme has been deprecated.
+			 */
 			"ThemeClassParameters(sap_bluecrystal)": {
 				title: "Tests for sap/ui/core/theming/Parameters (sap_bluecrystal): Theme-Dependent CSS Classes",
 				ui5: {
@@ -56,6 +61,9 @@ sap.ui.define(function () {
 				},
 				module: "./ThemeClassParameters.qunit"
 			},
+			/**
+			 * @deprecated As of version 1.120.2, the sap_belize theme has been deprecated.
+			 */
 			"ThemeClassParameters(sap_belize)": {
 				title: "Tests for sap/ui/core/theming/Parameters (sap_belize): Theme-Dependent CSS Classes",
 				ui5: {
@@ -64,6 +72,9 @@ sap.ui.define(function () {
 				},
 				module: "./ThemeClassParameters.qunit"
 			},
+			/**
+			 * @deprecated As of version 1.120.2, the sap_belize theme has been deprecated.
+			 */
 			"ThemeClassParameters(sap_belize_plus)": {
 				title: "Tests for sap/ui/core/theming/Parameters (sap_belize_plus): Theme-Dependent CSS Classes",
 				ui5: {
@@ -72,6 +83,9 @@ sap.ui.define(function () {
 				},
 				module: "./ThemeClassParameters.qunit"
 			},
+			/**
+			 * @deprecated As of version 1.120.2, the sap_belize theme has been deprecated.
+			 */
 			"ThemeClassParameters(sap_belize_hcb)": {
 				title: "Tests for sap/ui/core/theming/Parameters (sap_belize_hcb): Theme-Dependent CSS Classes",
 				ui5: {
@@ -80,6 +94,9 @@ sap.ui.define(function () {
 				},
 				module: "./ThemeClassParameters.qunit"
 			},
+			/**
+			 * @deprecated As of version 1.120.2, the sap_belize theme has been deprecated.
+			 */
 			"ThemeClassParameters(sap_belize_hcw)": {
 				title: "Tests for sap/ui/core/theming/Parameters (sap_belize_hcw): Theme-Dependent CSS Classes",
 				ui5: {
@@ -95,6 +112,62 @@ sap.ui.define(function () {
 					"xx-waitForTheme": "init"
 				},
 				module: "./ThemeClassParameters.qunit"
+			},
+			"ThemeClassParameters(sap_fiori_3_dark)": {
+				title: "Tests for sap/ui/core/theming/Parameters (sap_fiori_3_dark): Theme-Dependent CSS Classes",
+				ui5: {
+					theme: "sap_fiori_3_dark",
+					"xx-waitForTheme": "init"
+				},
+				module: "./ThemeClassParameters.qunit"
+			},
+			"ThemeClassParameters(sap_fiori_3_hcb)": {
+				title: "Tests for sap/ui/core/theming/Parameters (sap_fiori_3_hcb): Theme-Dependent CSS Classes",
+				ui5: {
+					theme: "sap_fiori_3_hcb",
+					"xx-waitForTheme": "init"
+				},
+				module: "./ThemeClassParameters.qunit"
+			},
+			"ThemeClassParameters(sap_fiori_3_hcw)": {
+				title: "Tests for sap/ui/core/theming/Parameters (sap_fiori_3_hcw): Theme-Dependent CSS Classes",
+				ui5: {
+					theme: "sap_fiori_3_hcw",
+					"xx-waitForTheme": "init"
+				},
+				module: "./ThemeClassParameters.qunit"
+			},
+			"ThemeClassParameters(sap_horizon)": {
+				title: "Tests for sap/ui/core/theming/Parameters (sap_horizon): Theme-Dependent CSS Classes",
+				ui5: {
+					theme: "sap_horizon",
+					"xx-waitForTheme": "init"
+				},
+				module: "./ThemeClassParameters.qunit"
+			},
+			"ThemeClassParameters(sap_horizon_dark)": {
+				title: "Tests for sap/ui/core/theming/Parameters (sap_horizon_dark): Theme-Dependent CSS Classes",
+				ui5: {
+					theme: "sap_horizon_dark",
+					"xx-waitForTheme": "init"
+				},
+				module: "./ThemeClassParameters.qunit"
+			},
+			"ThemeClassParameters(sap_horizon_hcb)": {
+				title: "Tests for sap/ui/core/theming/Parameters (sap_horizon_hcb): Theme-Dependent CSS Classes",
+				ui5: {
+					theme: "sap_horizon_hcb",
+					"xx-waitForTheme": "init"
+				},
+				module: "./ThemeClassParameters.qunit"
+			},
+			"ThemeClassParameters(sap_horizon_hcw)": {
+				title: "Tests for sap/ui/core/theming/Parameters (sap_horizon_hcw): Theme-Dependent CSS Classes",
+				ui5: {
+					theme: "sap_horizon_hcw",
+					"xx-waitForTheme": "init"
+				},
+				module: "./ThemeClassParameters.qunit"
 			}
 		}
 	};

package/test/sap/ui/core/qunit/base/Config.qunit.js

@@ -2,7 +2,9 @@
  * ${copyright}
  */
 /*global QUnit */
-sap.ui.define([
+QUnit.config.autostart = false;
+
+sap.ui.require([
 	"sap/base/config",
 	"sap/base/Log",
 	"sap/ui/thirdparty/sinon"
@@ -126,4 +128,6 @@ sap.ui.define([
 			external: true
 		}), false, "BaseConfiguration.get for param 'sapUiInitialFalsyValue' returns correct value 'false'");
 	});
-});
+
+	QUnit.start();
+});

package/test/sap/ui/core/qunit/base/Config_bootstrap.qunit.html

@@ -6,6 +6,9 @@
 	<!-- Initialization -->
 	<script src="../../../../../../resources/ui5loader.js"></script>
 	<script id="sap-ui-bootstrap" src="../../../../../../resources/ui5loader-autoconfig.js"
+		data-sap-ui-async="true"
+		data-sap-ui-compat-version="edge"
+
 		data-sap-ui-HubelDubel="value1"
 		data-sap-ui-Hubeldubel="value2"
 		data-sap-ui-fooBar="value3"
@@ -25,7 +28,7 @@
 	<link  href="../../../../../../resources/sap/ui/thirdparty/qunit-2.css" rel="stylesheet" media="screen">
 	<script src="../../../../../../resources/sap/ui/thirdparty/qunit-2.js"></script>
 	<script src="../../../../../../resources/sap/ui/qunit/qunit-junit.js"></script>
-	<script src="../../../../../../resources/sap/ui/qunit/qunit-coverage.js"></script>
+	<script src="../../../../../../resources/sap/ui/qunit/qunit-coverage-istanbul.js"></script>
 
 	<!-- Test functions -->
 	<script src="Config_bootstrap.qunit.js"></script>

package/test/sap/ui/core/qunit/base/Config_bootstrap.qunit.js

@@ -2,7 +2,9 @@
  * ${copyright}
  */
 /*global QUnit */
-sap.ui.define([
+QUnit.config.autostart = false;
+
+sap.ui.require([
 	"sap/base/config",
 	"sap/base/Log",
 	"sap/ui/thirdparty/sinon"
@@ -104,4 +106,6 @@ sap.ui.define([
 			type: BaseConfiguration.Type.String
 		}), "value15", "BaseConfiguration.get for param 'sapUshellFooBar' returns correct value 'value15'");
 	});
-});
+
+	QUnit.start();
+});

package/test/sap/ui/core/qunit/base/Config_cascade.qunit.js

@@ -2,6 +2,9 @@
  * ${copyright}
  */
 /*global QUnit */
+QUnit.config.autostart = false;
+QUnit.config.reorder = false;
+
 sap.ui.require([
 	"sap/base/config",
 	"sap/base/Log",
@@ -14,10 +17,8 @@ sap.ui.require([
 	sinon
 ) {
 	"use strict";
-	sap.ui.loader._.logger = Log.getLogger("test", 6);
-
-	QUnit.config.reorder = false;
 
+	sap.ui.loader._.logger = Log.getLogger("test", 6);
 	QUnit.module("Base Configuration", {
 		beforeEach: function() {
 			BaseConfiguration._.invalidate();
@@ -497,4 +498,6 @@ sap.ui.require([
 			oWritableInstance1.set("sap-ui-param1", true);
 		}, new TypeError("Invalid configuration key 'sap-ui-param1'!"), "oWritableInstance1.set for param 'sap-ui-param1' throws error 'Invalid configuration key 'sap-ui-param1'!'");
 	});
+
+	QUnit.start();
 });

package/test/sap/ui/core/qunit/base/Config_global.qunit.html

@@ -6,12 +6,15 @@
 	<!-- Initialization -->
 	<script src="./config/GlobalConfig.js"></script>
 	<script src="../../../../../../resources/ui5loader.js"></script>
-	<script src="../../../../../../resources/ui5loader-autoconfig.js"></script>
+	<script src="../../../../../../resources/ui5loader-autoconfig.js"
+		data-sap-ui-async="true"
+		data-sap-ui-compat-version="edge"
+	></script>
 
 	<link  href="../../../../../../resources/sap/ui/thirdparty/qunit-2.css" rel="stylesheet" media="screen">
 	<script src="../../../../../../resources/sap/ui/thirdparty/qunit-2.js"></script>
 	<script src="../../../../../../resources/sap/ui/qunit/qunit-junit.js"></script>
-	<script src="../../../../../../resources/sap/ui/qunit/qunit-coverage.js"></script>
+	<script src="../../../../../../resources/sap/ui/qunit/qunit-coverage-istanbul.js"></script>
 
 	<!-- Test functions -->
 	<script src="Config.qunit.js"></script>

package/test/sap/ui/core/qunit/base/Config_meta.qunit.html

@@ -22,12 +22,15 @@
 	<meta name="sap-ui-initial-falsy-value" content=true>
 
 	<script src="../../../../../../resources/ui5loader.js"></script>
-	<script src="../../../../../../resources/ui5loader-autoconfig.js"></script>
+	<script src="../../../../../../resources/ui5loader-autoconfig.js"
+		data-sap-ui-async="true"
+		data-sap-ui-compat-version="edge"
+	></script>
 
 	<link  href="../../../../../../resources/sap/ui/thirdparty/qunit-2.css" rel="stylesheet" media="screen">
 	<script src="../../../../../../resources/sap/ui/thirdparty/qunit-2.js"></script>
 	<script src="../../../../../../resources/sap/ui/qunit/qunit-junit.js"></script>
-	<script src="../../../../../../resources/sap/ui/qunit/qunit-coverage.js"></script>
+	<script src="../../../../../../resources/sap/ui/qunit/qunit-coverage-istanbul.js"></script>
 
 	<!-- Test functions -->
 	<script src="Config.qunit.js"></script>

package/test/sap/ui/core/qunit/base/Config_noUrl.qunit.html

@@ -6,12 +6,15 @@
 	<!-- Initialization -->
 	<meta name="sap-ui-ignore-url-params" content="true">
 	<script src="../../../../../../resources/ui5loader.js"></script>
-	<script src="../../../../../../resources/ui5loader-autoconfig.js"></script>
+	<script src="../../../../../../resources/ui5loader-autoconfig.js"
+		data-sap-ui-async="true"
+		data-sap-ui-compat-version="edge"
+	></script>
 
 	<link  href="../../../../../../resources/sap/ui/thirdparty/qunit-2.css" rel="stylesheet" media="screen">
 	<script src="../../../../../../resources/sap/ui/thirdparty/qunit-2.js"></script>
 	<script src="../../../../../../resources/sap/ui/qunit/qunit-junit.js"></script>
-	<script src="../../../../../../resources/sap/ui/qunit/qunit-coverage.js"></script>
+	<script src="../../../../../../resources/sap/ui/qunit/qunit-coverage-istanbul.js"></script>
 
 	<!-- Test functions -->
 	<script src="Config_noUrl.qunit.js"></script>

package/test/sap/ui/core/qunit/base/Config_noUrl.qunit.js

@@ -2,7 +2,9 @@
  * ${copyright}
  */
 /*global QUnit */
-sap.ui.define(
+QUnit.config.autostart = false;
+
+sap.ui.require(
 	[
 		"sap/base/config"
 	], function (BaseConfiguration) {
@@ -20,4 +22,6 @@ sap.ui.define(
 			external: true
 		}), "defaultValue", "BaseConfiguration.get for param 'sapUiFooBar' returns default value 'defaultValue'");
 	});
+
+	QUnit.start();
 });

package/test/sap/ui/core/qunit/base/Config_url.qunit.html

@@ -5,12 +5,15 @@
 
 	<!-- Initialization -->
 	<script src="../../../../../../resources/ui5loader.js"></script>
-	<script src="../../../../../../resources/ui5loader-autoconfig.js"></script>
+	<script src="../../../../../../resources/ui5loader-autoconfig.js"
+		data-sap-ui-async="true"
+		data-sap-ui-compat-version="edge"
+	></script>
 
 	<link  href="../../../../../../resources/sap/ui/thirdparty/qunit-2.css" rel="stylesheet" media="screen">
 	<script src="../../../../../../resources/sap/ui/thirdparty/qunit-2.js"></script>
 	<script src="../../../../../../resources/sap/ui/qunit/qunit-junit.js"></script>
-	<script src="../../../../../../resources/sap/ui/qunit/qunit-coverage.js"></script>
+	<script src="../../../../../../resources/sap/ui/qunit/qunit-coverage-istanbul.js"></script>
 
 	<!-- Test functions -->
 	<script src="Config.qunit.js"></script>

package/test/sap/ui/core/qunit/bootstrap/BootstrapWithNoJQuery-without-jquery-ui-position.qunit.html

@@ -11,7 +11,8 @@
 		<script src="../../../../../../resources/sap-ui-core-nojQuery.js"
 			id="sap-ui-bootstrap"
 			data-sap-ui-libs="sap.m,sap.ui.layout"
-			data-sap-ui-compatversion="edge">
+			data-sap-ui-compatversion="edge"
+			data-sap-ui-async="true">
 		</script>
 		<!-- end of nojQuery bootstrap code -->
 

package/test/sap/ui/core/qunit/bootstrap/BootstrapWithNoJQuery.qunit.html

@@ -12,7 +12,8 @@
 		<script src="../../../../../../resources/sap-ui-core-nojQuery.js"
 			id="sap-ui-bootstrap"
 			data-sap-ui-libs="sap.m,sap.ui.layout"
-			data-sap-ui-compatversion="edge">
+			data-sap-ui-compatversion="edge"
+			data-sap-ui-async="true">
 		</script>
 		<!-- end of nojQuery bootstrap code -->
 

package/test/sap/ui/core/qunit/bootstrap/DebugMode.beforeBootstrap.qunit.js

@@ -11,4 +11,11 @@
 	if ( oTitle ) {
 		oTitle.textContent = oTitle.textContent.replace("{{mode}}", sDebugMode || "off");
 	}
+
+	// set QUnit config early so that it becomes active before QUnit starts even when the test code is loaded async
+	globalThis.QUnit = {
+		config: {
+			autostart: false
+		}
+	};
 }());