@openui5/sap.ui.core 1.118.0 → 1.119.1

package/test/sap/ui/core/qunit/ThemeParameters_legacyAPIs.qunit.js

@@ -0,0 +1,686 @@
+/*global QUnit */
+sap.ui.define([
+	"sap/ui/core/theming/Parameters",
+	"sap/ui/core/Control",
+	"sap/ui/core/Element",
+	"sap/ui/core/Icon",
+	"sap/ui/core/Lib",
+	"sap/ui/core/Theming",
+	"sap/ui/dom/includeStylesheet",
+	"sap/m/Bar",
+	"sap/ui/thirdparty/URI",
+	"sap/ui/qunit/utils/nextUIUpdate"
+], function(Parameters, Control, Element, Icon, Library, Theming, includeStylesheet, Bar, URI, nextUIUpdate) {
+	"use strict";
+
+	QUnit.module("Parmeters.get", {
+		before: function() {
+			// For some reasons window.performance.getResourceByType does only return the first 250?!
+			// entries therefore clear the resource timings upfront
+			window.performance.clearResourceTimings();
+		}
+	});
+
+	var sPath = new URI(sap.ui.require.toUrl("testdata/core"), document.baseURI).toString();
+
+	QUnit.test("InitialCheck", function(assert) {
+		assert.ok(Parameters, "sap.ui.core.theming.Parameters must exist");
+		assert.ok(Parameters.get, "sap.ui.core.theming.Parameters.get() must exist");
+	});
+
+	/**
+	 * converts short notation hex color code to long notation
+	 * @param {string} input Color string, e.g. #abc
+	 * @returns {string} Normalized, 6-hex-digit color string, e.g. #aabbcc
+	 */
+	function unifyHexNotation(input) {
+		if (input.length === 4) {
+			var colorShortNotationRegexp = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+			var sResult = colorShortNotationRegexp.exec(input);
+			if (sResult) {
+				return "#" + sResult[1] + sResult[1] + sResult[2] + sResult[2] + sResult[3] + sResult[3];
+			}
+		}
+		return input;
+	}
+
+	function getParameterInUnifiedHexNotation(key, oElement) {
+		var sParameter = Parameters.get(key, oElement);
+		if (sParameter) {
+			return unifyHexNotation(sParameter);
+		}
+		return sParameter;
+	}
+
+	function getParametersInUnifiedHexNotation(aKeys, oElement) {
+		var oParameters = Parameters.get(aKeys, oElement);
+		if (oParameters) {
+			aKeys.forEach(function(key) {
+				if (oParameters[key]) {
+					oParameters[key] = unifyHexNotation(oParameters[key]);
+				}
+			});
+		}
+		return oParameters;
+	}
+
+	function checkLibraryParametersJsonRequestForLib(sLibNumber) {
+		return window.performance.getEntriesByType("resource").filter(function (oResource) {
+			return oResource.name.endsWith("themeParameters/lib" + sLibNumber + "/themes/sap_hcb/library-parameters.json");
+		});
+	}
+	function createLinkElement (sId, bBase) {
+		var sUrl = sap.ui.require.toUrl("test-resources/sap/ui/core/qunit/testdata/libraries/themeParameters/lib17/themes/" + (bBase ? "base" : "sap_hcb") + "/library.css");
+		return includeStylesheet({
+			url: sUrl,
+			id: bBase ? sId : undefined
+		}).then(function () {
+			if (bBase) {
+				return;
+			}
+			Array.from(document.querySelectorAll("link")).forEach(function (oLink) {
+				if (!oLink.getAttribute("id") && oLink.getAttribute("href") === sUrl) {
+					oLink.setAttribute("data-sap-ui-foucmarker", sId);
+				}
+			});
+		});
+	}
+
+	/**
+	 * Test module covers the deprecated sync Parameters.get() API.
+	 * Since the Parameters.get() function is overloaded, only the sync usage is deprecated.
+	 * The asynchronous behavior is tested in a separate QUnit module below.
+	 * This test module also includes some calls to the deprecated Core facade API "loadLibrary".
+	 *
+	 * @deprecated As of version 1.119
+	 */
+	QUnit.module("Parmeters.get (sync)", {
+		before: function() {
+			// For some reasons window.performance.getResourceByType does only return the first 250?!
+			// entries therefore clear the resource timings upfront
+			window.performance.clearResourceTimings();
+
+			// test setup: load legacy.testlib (will be removed in 2.0, together with this QUnit module)
+			sap.ui.getCore().loadLibrary("sap.ui.legacy.testlib");
+		}
+	});
+
+	QUnit.test("Read single parameters", function(assert) {
+		/* HCB theme was chosen because:
+		 *  1. it should be quite stable in general
+		 *  2. background and text color are defined by design and thus even less likely to change
+		 *  3. it should be reliably there for accessibility reasons
+		 *  4. text and background color differ from the base theme
+		 */
+		assert.equal(getParameterInUnifiedHexNotation("sapUiBaseText"), "#ffffff", "sapUiBaseText must be defined as 'white - #ffffff'");
+		assert.equal(getParameterInUnifiedHexNotation("sapUiBaseBG"), "#000000", "sapUiBaseBG must be defined as black '#000000'");
+
+		// Read parameters of legacy library-parameters.json format
+		assert.equal(Parameters.get("sapUiLegacyTstTextColor"), "#fafafa", "sapUiLegacyTstTextColor must be defined as '#fafafa'");
+		assert.equal(getParameterInUnifiedHexNotation("sapUiLegacyText"), "#ffffff", "sapUiLegacyText must be defined as '#ffffff'");
+	});
+
+	QUnit.test("Undefined parameter", function(assert) {
+		assert.equal(Parameters.get("thisParameterNameMayNeverExist"), undefined, "'undefined' should be returned for unknown parameter names");
+	});
+
+	QUnit.test("Invalid parameter", function(assert) {
+		assert.equal(Parameters.get(null), undefined, "'undefined' should be returned for 'null' parameter name");
+	});
+
+	QUnit.test("All parameters", function(assert) {
+		var mAllParams = Parameters.get();
+		assert.ok(mAllParams, "A map of parameters should be returned when get is called without parameter name");
+
+		var count = 0;
+		for (var property in mAllParams) {
+			assert.equal(typeof mAllParams[property], "string", "Parameter '" + property + "' should be a string");
+			count++;
+		}
+		assert.ok(count > 10, "The map of parameters should have quite some entries");
+	});
+
+	QUnit.test("Parameter from Unknown Library", function(assert) {
+		assert.equal(Parameters.get("sapUiTstTextColor"), undefined, "'undefined' should be returned for a parameter of a library that currently is not loaded");
+	});
+
+	QUnit.test("Check that link tags for libraries are added in the correct order", function(assert) {
+		var i = 0;
+		var sLib15Name = "testlibs.themeParameters.lib15";
+		var sLib16Name = "testlibs.themeParameters.lib16";
+
+		sap.ui.getCore().loadLibrary(sLib16Name);
+		sap.ui.getCore().loadLibrary(sLib15Name);
+
+		// Link tags for recently loaded libs 15 and 16 shouldn't be available in DOM
+		var aAllLibrariesRequireCss = Library.getAllInstancesRequiringCss();
+		document.querySelectorAll("link").forEach(function (oLink) {
+			if (oLink.id.includes(sLib15Name) || oLink.id.includes(sLib16Name)) {
+				assert.notOk("Link tag for lib 15 and 16 shouldn't be available synchronous");
+			}
+		});
+
+		// Trigger loading of parameters.json for lib CSS which is not loaded
+		Parameters.get("sapUiThemeParamForLib14");
+		// Check that link tags are added in the corrct order
+		aAllLibrariesRequireCss = Library.getAllInstancesRequiringCss();
+		document.querySelectorAll("link").forEach(function (oLink) {
+			if (oLink.id.startsWith("sap-ui-theme-")) {
+				var sExpectedLinkId = aAllLibrariesRequireCss[i].variant ?
+					aAllLibrariesRequireCss[i].name + "-[" + aAllLibrariesRequireCss[i].variant + "]" : aAllLibrariesRequireCss[i].name;
+				assert.strictEqual(oLink.id, "sap-ui-theme-" + sExpectedLinkId, "Link tag for library " + sExpectedLinkId + " is correct");
+				i++;
+			}
+		});
+	});
+
+	QUnit.test("After Theme Change", function(assert) {
+		var done = assert.async();
+		var fnContinue = function(oEvent) {
+			if (oEvent.theme === "sap_hcb") {
+				Theming.detachApplied(fnContinue);
+				done();
+			}
+		};
+		var fnAssertApplied = function(oEvent) {
+			if (oEvent.theme === "base") {
+				// parameters of base theme should now be present
+				assert.equal(getParameterInUnifiedHexNotation("sapUiBaseText"), "#000000", "sapUiBaseText must be defined as 'black - #000000'");
+				assert.equal(getParameterInUnifiedHexNotation("sapUiBaseBG"), "#ffffff", "sapUiBaseBG must be defined as 'white - #ffffff'");
+
+				Theming.detachApplied(fnAssertApplied);
+				Theming.attachApplied(fnContinue);
+				Theming.setTheme("sap_hcb");
+			}
+		};
+
+		Theming.attachApplied(fnAssertApplied);
+		Theming.setTheme("base");
+	});
+
+	QUnit.test("Dynamically Loaded Library", function(assert) {
+		sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib1");
+
+		// Need promise resolve to get async after load library
+		return Promise.resolve().then(function() {
+			// In Chrome the library.css for testlibs.themeParameters.lib1 is still pending, so the library-parameters.json needs to be loaded.
+			// In Firefox however, the library.css is available when fetching the theme-parameter.
+			// To unify the behaviour, prevent inline data-uri parameter usage and force a json request to test the request params
+			// BCP: 2170097761
+			var oLink = document.getElementById("sap-ui-theme-testlibs\.themeParameters\.lib1");
+			oLink.style = "background-image: none !important;";
+
+			assert.equal(Parameters.get("sapUiThemeParamForLib1"), "#fafafa", "parameter for newly loaded library should be known now");
+			assert.strictEqual(checkLibraryParametersJsonRequestForLib("1").length, 1, "library-parameters.json requested once for testlibs.themeParameters.lib1");
+		});
+	});
+
+	QUnit.test("Read scoped parameters (from testlibs.themeParameters.lib2)", function(assert) {
+		var oControl = new Control();
+
+		sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib2");
+
+		// Need promise resolve to get async after load library
+		return Promise.resolve().then(function() {
+			assert.equal(Parameters.get("sapUiThemeParamWithScopeForLib2", oControl), "#fbfbfb",
+				"No scope set - default value should get returned");
+
+			oControl.addStyleClass("sapTestScope");
+
+			assert.equal(getParameterInUnifiedHexNotation("sapUiThemeParamWithScopeForLib2", oControl), "#000000",
+				"Scope set directly on control - scoped param should be returned");
+			assert.equal(getParameterInUnifiedHexNotation("sapUiThemeParamWithoutScopeForLib2", oControl), "#ffffff",
+				"Scope set directly on control but no scoped value defined - default value should get returned");
+
+			oControl.removeStyleClass("sapTestScope");
+			var oParent = new Control();
+			oParent.addStyleClass("sapTestScope");
+			oControl.setParent(oParent);
+
+			assert.equal(getParameterInUnifiedHexNotation("sapUiThemeParamWithScopeForLib2", oControl), "#000000",
+				"Scope set on parent control - scoped param should be returned");
+			assert.equal(getParameterInUnifiedHexNotation("sapUiThemeParamWithoutScopeForLib2", oControl), "#ffffff",
+				"Scope set on parent control but no scoped value defined - default value should get returned");
+
+			assert.strictEqual(checkLibraryParametersJsonRequestForLib("2").length, 1, "library-parameters.json requested once for testlibs.themeParameters.lib2");
+		});
+	});
+
+	QUnit.test("Read scoped parameters (error handling)", function(assert) {
+		var oElement = new Element();
+
+		sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib3");
+
+		// Need promise resolve to get async after load library
+		return Promise.resolve().then(function() {
+			assert.equal(Parameters.get("sapUiThemeParamWithScopeForLib3", oElement), "#fcfcfc",
+				"No scope set - default value should get returned");
+
+			assert.equal(Parameters.get("sapUiThemeParamWithScopeForLib3", null), "#fcfcfc",
+				"'null' value provided as 'oControl' - default value should get returned");
+
+			assert.equal(Parameters.get("sapUiThemeParamWithScopeForLib3", {}), "#fcfcfc",
+				"'{}' value provided as 'oControl' - default value should get returned");
+
+			var oParent = new Control();
+			oParent.addStyleClass("sapTestScope");
+			oElement.setParent(oParent);
+
+			assert.equal(getParameterInUnifiedHexNotation("sapUiThemeParamWithScopeForLib3", oElement), "#111111",
+				"Scope set on parent control - scoped param should be returned");
+
+			assert.strictEqual(checkLibraryParametersJsonRequestForLib("3").length, 1, "library-parameters.json requested once for testlibs.themeParameters.lib3");
+		});
+	});
+
+	QUnit.test("Read multiple given parameters", function(assert) {
+		var aParams = ["sapUiThemeParamWithScopeForLib2", "sapUiThemeParamWithoutScopeForLib2"];
+		var oExpected = {
+			"sapUiThemeParamWithScopeForLib2": "#fbfbfb",
+			"sapUiThemeParamWithoutScopeForLib2": "#ffffff"
+		};
+
+		// Only relevant for single test execution
+		if (!sap.ui.getCore().getLoadedLibraries()["testlibs.themeParameters.lib2"]) {
+			sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib2");
+		}
+
+		var oParamResult = getParametersInUnifiedHexNotation(aParams);
+
+		assert.deepEqual(oParamResult, oExpected,
+			"Key-value map for the given params 'sapUiThemeParamWithScopeForLib2' and 'sapUiThemeParamWithoutScopeForLib2' should be returned");
+	});
+
+	QUnit.test("Read multiple given parameters and Element", function(assert) {
+		var oElement = new Element();
+		var oParent = new Control();
+
+		// Only relevant for single test execution
+		if (!sap.ui.getCore().getLoadedLibraries()["testlibs.themeParameters.lib2"]) {
+			sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib2");
+		}
+
+		oParent.addStyleClass("sapTestScope");
+		oElement.setParent(oParent);
+
+		var aParams = ["sapUiThemeParamWithScopeForLib2", "sapUiThemeParamWithoutScopeForLib2"];
+		var oExpected = {
+			"sapUiThemeParamWithScopeForLib2": "#000000",
+			"sapUiThemeParamWithoutScopeForLib2": "#ffffff"
+		};
+
+		var oParamResult = getParametersInUnifiedHexNotation(aParams, oElement);
+
+		assert.deepEqual(oParamResult, oExpected,
+			"Key-value map for the given params 'sapUiThemeParamWithScopeForLib2' and 'sapUiThemeParamWithoutScopeForLib2' should be returned");
+	});
+
+	QUnit.test("Read multiple given parameters (including undefined param name)", function(assert) {
+		var aParams = ["sapUiThemeParamWithScopeForLib2", "sapUiThemeParamWithoutScopeForLib2", "sapUiThemeParamDoesNotExistForLib2"];
+		var oExpected = {
+			"sapUiThemeParamWithScopeForLib2": "#fbfbfb",
+			"sapUiThemeParamWithoutScopeForLib2": "#ffffff",
+			"sapUiThemeParamDoesNotExistForLib2": undefined
+		};
+
+		// Only relevant for single test execution
+		if (!sap.ui.getCore().getLoadedLibraries()["testlibs.themeParameters.lib2"]) {
+			sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib2");
+		}
+
+		var oParamResult = getParametersInUnifiedHexNotation(aParams);
+
+		assert.deepEqual(oParamResult, oExpected,
+			"Key-value map for the given params 'sapUiThemeParamWithScopeForLib2' and 'sapUiThemeParamWithoutScopeForLib2' should be returned");
+	});
+
+	QUnit.test("Relative URLs in parameters", function(assert) {
+
+		sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib4");
+
+		// Need promise resolve to get async after load library
+		return Promise.resolve().then(function() {
+			var expected = {
+				url1: sPath + "/testdata/libraries/themeParameters/lib4/img1.jpg",
+				url2: sPath + "/testdata/libraries/themeParameters/lib4/foo/img2.jpg",
+				url3: sPath + "/testdata/libraries/themeParameters/lib4/foo/bar/img3.jpg",
+				url4: sPath + "/testdata/libraries/themeParameters/lib4/themes/sap_hcb/",
+				url5: sPath + "/testdata/libraries/themeParameters/lib4/themes/sap_hcb/",
+				url6: sPath + "/testdata/libraries/themeParameters/lib4/themes/sap_hcb/",
+				url7: "blob:http://example.com/6e88648c-00e1-4512-9695-5b702d8455b4",
+				url8: "data:text/plain;utf-8,foo",
+				url9: {
+					plain: "none",
+					themeImage: null,
+					themeImageForce: sap.ui.require.toUrl("sap/ui/core/themes/base/img/1x1.gif")
+				}
+			};
+
+			// plain values
+			assert.equal(Parameters.get("sapUiThemeParamUrl1"), "url('" + expected.url1 + "')", "Relative URL should be resolved correctly 'sap/ui/core/qunit/testdata/libraries/themeParameters/lib4/img1.jpg'.");
+			assert.equal(Parameters.get("sapUiThemeParamUrl2"), "url('" + expected.url2 + "')", "Relative URL should be resolved correctly 'sap/ui/core/qunit/testdata/libraries/themeParameters/lib4/foo/img2.jpg'.");
+			assert.equal(Parameters.get("sapUiThemeParamUrl3"), "url('" + expected.url3 + "')", "Relative URL should be resolved correctly 'sap/ui/core/qunit/testdata/libraries/themeParameters/lib4/foo/bar/img3.jpg'.");
+			assert.equal(Parameters.get("sapUiThemeParamUrl4"), "url('" + expected.url4 + "')", "Relative URL should be resolved correctly 'sap/ui/core/qunit/testdata/libraries/themeParameters/lib4/themes/sap_hcb/'.");
+			assert.equal(Parameters.get("sapUiThemeParamUrl5"), "url('" + expected.url5 + "')", "Relative URL should be resolved correctly 'sap/ui/core/qunit/testdata/libraries/themeParameters/lib4/themes/sap_hcb/'.");
+			assert.equal(Parameters.get("sapUiThemeParamUrl6"), "url('" + expected.url6 + "')", "Relative URL should be resolved correctly 'sap/ui/core/qunit/testdata/libraries/themeParameters/lib4/themes/sap_hcb/'.");
+			assert.equal(Parameters.get("sapUiThemeParamUrl7"), "url('" + expected.url7 + "')", "Relative URL should be resolved correctly 'blob:http://example.com/6e88648c-00e1-4512-9695-5b702d8455b4'.");
+			assert.equal(Parameters.get("sapUiThemeParamUrl8"), "url('" + expected.url8 + "')", "Relative URL should be resolved correctly 'data:text/plain;utf-8,foo'.");
+			assert.equal(Parameters.get("sapUiThemeParamUrl9"), expected.url9.plain, "'none' should stay as defined");
+
+			// _getThemeImage
+			assert.equal(Parameters._getThemeImage("sapUiThemeParamUrl1"), expected.url1, "Theme Image value should be correct for 'sapUiThemeParamUrl1'.");
+			assert.equal(Parameters._getThemeImage("sapUiThemeParamUrl2"), expected.url2, "Theme Image value should be correct for 'sapUiThemeParamUrl2'.");
+			assert.equal(Parameters._getThemeImage("sapUiThemeParamUrl3"), expected.url3, "Theme Image value should be correct for 'sapUiThemeParamUrl3'.");
+			assert.equal(Parameters._getThemeImage("sapUiThemeParamUrl4"), expected.url4, "Theme Image value should be correct for 'sapUiThemeParamUrl4'.");
+			assert.equal(Parameters._getThemeImage("sapUiThemeParamUrl5"), expected.url5, "Theme Image value should be correct for 'sapUiThemeParamUrl5'.");
+			assert.equal(Parameters._getThemeImage("sapUiThemeParamUrl6"), expected.url6, "Theme Image value should be correct for 'sapUiThemeParamUrl6'.");
+			assert.equal(Parameters._getThemeImage("sapUiThemeParamUrl7"), expected.url7, "Theme Image value should be correct for 'sapUiThemeParamUrl7'.");
+			assert.equal(Parameters._getThemeImage("sapUiThemeParamUrl8"), expected.url8, "Theme Image value should be correct for 'sapUiThemeParamUrl8'.");
+			assert.equal(Parameters._getThemeImage("sapUiThemeParamUrl9"), expected.url9.themeImage, "Theme Image value should be 'null' for parameter value 'none'.");
+			assert.equal(Parameters._getThemeImage("sapUiThemeParamUrl9", true), expected.url9.themeImageForce, "Theme Image value should be 'sap/ui/core/themes/base/img/1x1.gif' for parameter value 'none' (force).");
+
+			assert.strictEqual(checkLibraryParametersJsonRequestForLib("4").length, 1, "library-parameters.json requested once for testlibs.themeParameters.lib4");
+		});
+	});
+
+	QUnit.test("Relative URLs in parameters (legacy library)", function(assert) {
+
+		var expected = {
+			url1: sPath + "/testdata/legacy-uilib_legacyAPIs/img1.jpg",
+			url2: {
+				plain: "none",
+				themeImage: null,
+				themeImageForce: sap.ui.require.toUrl("sap/ui/core/themes/base/img/1x1.gif")
+			}
+		};
+
+		// plain values
+		assert.equal(Parameters.get("sapUiLegacyTestUrl1"), "url('" + expected.url1 + "')", "Relative URL should be resolved correctly 'sap/ui/core/qunit/testdata/uilib/img1.jpg'.");
+		assert.equal(Parameters.get("sapUiLegacyTestUrl2"), expected.url2.plain, "'none' should stay as defined");
+
+		// _getThemeImage
+		assert.equal(Parameters._getThemeImage("sapUiLegacyTestUrl1"), expected.url1, "Theme Image value should be correct for 'sapUiLegacyTestUrl1'.");
+		assert.equal(Parameters._getThemeImage("sapUiLegacyTestUrl2"), expected.url2.themeImage, "Theme Image value should be 'null' for parameter value 'none'.");
+		assert.equal(Parameters._getThemeImage("sapUiLegacyTestUrl2", true), expected.url2.themeImageForce, "Theme Image value should be 'sap/ui/core/themes/base/img/1x1.gif' for parameter value 'none' (force).");
+
+	});
+
+	QUnit.test("Get parameter while CSS after Applied finished loading and before ThemeManager processed Applied event", function(assert) {
+		var sPrefixedLibId = "sap-ui-theme-testlibs.themeParameters.lib17";
+
+		// Setup
+		Parameters.reset();
+		var oCssPromise1 = createLinkElement(sPrefixedLibId, true);
+		var oCssPromise2 = createLinkElement(sPrefixedLibId, false);
+		return Promise.all([oCssPromise1, oCssPromise2]).then(function() {
+			assert.strictEqual(Parameters.get("sapUiThemeParamForLib17"), "#fafafa", "Parameter 'sapUiThemeParamForLib17' has value: '#fafafa'");
+
+			// Cleanup
+			Array.from(document.querySelectorAll("link")).forEach(function (oLink) {
+				if (oLink.getAttribute("id") === sPrefixedLibId || oLink.getAttribute("data-sap-ui-foucmarker") === sPrefixedLibId) {
+					oLink.remove();
+				}
+			});
+		});
+	});
+
+	/**
+	 * Test module covers the async Parameters.get() API.
+	 * The module tests the async API together with legacy Core API, e.g. "loadLibrary".
+	 *
+	 * @deprecated As of version 1.119
+	 */
+	QUnit.module("Parmeters.get (async)", {
+		before: function() {
+			// For some reasons window.performance.getResourceByType does only return the first 250?!
+			// entries therefore clear the resource timings upfront
+			window.performance.clearResourceTimings();
+		}
+	});
+
+	QUnit.test("Dynamically Loaded Library", function (assert) {
+		var done = assert.async();
+		assert.equal(Parameters.get({
+			name: "sapUiAsyncThemeParamForLib5"
+		}), undefined, "'undefined' should be returned for a parameter of a library that currently is not loaded");
+
+		sap.ui.getCore().initLibrary({ name: "testlibs.themeParameters.lib5" });
+
+		Parameters.get({
+			name: "sapUiAsyncThemeParamForLib5",
+			callback: function (sParamValue) {
+				assert.equal(sParamValue, "0.5rem", "sapUiAsyncThemeParamForLib5 must be defined as '0.5rem'");
+				assert.strictEqual(checkLibraryParametersJsonRequestForLib("5").length, 0, "library-parameters.json not requested for testlibs.themeParameters.lib5");
+				done();
+			}
+		});
+	});
+
+	QUnit.test("Read scoped parameters (from testlibs.themeParameters.lib6)", function(assert) {
+		var oControl = new Control(), done = assert.async();
+
+		sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib6");
+
+		Parameters.get({
+			name: "sapUiAsyncThemeParamWithScopeForLib6",
+			scopeElement: oControl,
+			callback: function (sParamValue) {
+				assert.equal(sParamValue, "#ababab", "No scope set - default value should get returned");
+				oControl.addStyleClass("sapTestScope");
+
+				assert.equal(Parameters.get({
+					name: "sapUiAsyncThemeParamWithScopeForLib6",
+					scopeElement: oControl
+				}), "#222222", "Scope set directly on control - scoped param should be returned");
+
+				assert.equal(Parameters.get({
+					name: "sapUiAsyncThemeParamWithoutScopeForLib6",
+					scopeElement: oControl
+				}), "#aaaaaa", "Scope set directly on control but no scoped value defined - default value should get returned");
+
+				assert.strictEqual(checkLibraryParametersJsonRequestForLib("6").length, 0, "library-parameters.json not requested for testlibs.themeParameters.lib6");
+
+				done();
+			}
+		});
+	});
+
+	QUnit.test("Read multiple given parameters (including undefined param name)", function(assert) {
+		var done = assert.async();
+		var oControl = new Control();
+		var aParams = ["sapUiMultipleAsyncThemeParamWithScopeForLib7", "sapUiMultipleAsyncThemeParamWithoutScopeForLib7", "sapUiNotExistingTestParam", "sapUiBaseColor"];
+		var oExpected = {
+			"sapUiMultipleAsyncThemeParamWithScopeForLib7": "#cccccc",
+			"sapUiMultipleAsyncThemeParamWithoutScopeForLib7": "#dddddd",
+			"sapUiBaseColor": "#000000"
+		};
+
+		sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib7");
+		oControl.addStyleClass("sapTestScope");
+
+		assert.strictEqual(Parameters.get({
+			name: aParams,
+			scopeElement: oControl,
+			callback: function (oParamResult) {
+				aParams.forEach(function(key) {
+					if (oParamResult[key]) {
+						oParamResult[key] = unifyHexNotation(oParamResult[key]);
+					}
+				});
+				assert.deepEqual(oParamResult, oExpected, "Key-value map for the given params 'sapUiMultipleAsyncThemeParamWithScopeForLib7', 'sapUiMultipleAsyncThemeParamWithoutScopeForLib7' and 'sapUiBaseColor' should be returned");
+				assert.strictEqual(checkLibraryParametersJsonRequestForLib("7").length, 0, "library-parameters.json not requested for testlibs.themeParameters.lib7");
+				done();
+			}
+		}), undefined, "Parameter 'sapUiBaseColor' should already be available but value should be returned in callback.");
+	});
+
+	QUnit.test("Call Parameters.get multiple times with same callback function should only be executed once", function (assert) {
+		assert.expect(3);
+		var done = assert.async(), callback = function (oParamResult) {
+			assert.deepEqual(oParamResult, {
+				"sapUiThemeParam1ForLib8": "#123456",
+				"sapUiThemeParam2ForLib8": "#654321"
+			}, "Callback should be called once with values for the given params 'sapUiThemeParam1ForLib8' and 'sapUiThemeParam2ForLib8'");
+			assert.strictEqual(checkLibraryParametersJsonRequestForLib("8").length, 0, "library-parameters.json not requested for testlibs.themeParameters.lib8");
+		};
+
+		sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib8");
+
+		Parameters.get({
+			name: "sapUiThemeParam1ForLib8",
+			callback: callback
+		});
+
+		Parameters.get({
+			name: ["sapUiThemeParam1ForLib8", "sapUiThemeParam2ForLib8"],
+			callback: callback
+		});
+
+		Parameters.get({
+			name: "sapUiThemeParam2ForLib8",
+			callback: function (sParamResult) {
+				assert.strictEqual(sParamResult, "#654321", "Different callback function should be called once with value for the given param 'sapUiThemeParam2ForLib8' should be returned");
+				done();
+			}
+		});
+	});
+
+	QUnit.test("Read not defined parameter using callback", function(assert) {
+		var done = assert.async();
+
+		sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib9");
+
+		Parameters.get({
+			name: "sapUiNotExistingTestParam",
+			callback: function (oParamResult) {
+				assert.deepEqual(oParamResult, undefined, "Value for the given param 'sapUiNotExistingTestParam' does not exist and 'undefined' should be returned");
+				assert.strictEqual(checkLibraryParametersJsonRequestForLib("8").length, 0, "library-parameters.json not requested for testlibs.themeParameters.lib9");
+				done();
+			}
+		});
+	});
+
+	QUnit.test("Read parameter first time from lib which CSS is already loaded shouldn't trigger a library-parameters.json request", function(assert) {
+		var done = assert.async();
+		var fnAssertApplied = function() {
+
+			// parameters of base theme should now be present
+			assert.equal(getParameterInUnifiedHexNotation("sapUiThemeParam1ForLib10"), "#123321", "sapUiThemeParam1ForLib10 must be defined as '#123321'");
+			assert.strictEqual(checkLibraryParametersJsonRequestForLib("10").length, 0, "library-parameters.json not requested for testlibs.themeParameters.lib10");
+
+			Theming.detachApplied(fnAssertApplied);
+			done();
+		};
+
+		sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib10");
+
+		Theming.attachApplied(fnAssertApplied);
+	});
+
+	QUnit.test("getActiveScopesFor: Check scope chain for given rendered control", async function(assert) {
+		assert.expect(18);
+		var done = assert.async();
+
+		var oInnerIcon1 =  new Icon();
+		var oInnerIcon2 =  new Icon();
+		oInnerIcon2.addStyleClass("TestScope1");
+		var oOuterIcon1 =  new Icon();
+		var oOuterIcon2 =  new Icon();
+		oOuterIcon2.addStyleClass("TestScope1");
+		var oInnerBar = new Bar({ contentLeft: [oInnerIcon1, oInnerIcon2] });
+		oInnerBar.addStyleClass("TestScope1");
+		var oOuterBar = new Bar({ contentLeft: oInnerBar, contentRight: [oOuterIcon1, oOuterIcon2] });
+		oOuterBar.addStyleClass("TestScope2"); // No valid TestScope ==> only checking that this is not part of the ScopeChain
+		oOuterBar.placeAt("qunit-fixture");
+
+		await nextUIUpdate();
+
+		var fnAssertApplied = function () {
+			// CSS is loaded and scope 'TestScope1' is defined therefore different scope chains expected
+			assert.deepEqual(Parameters.getActiveScopesFor(oOuterBar, true), [], "OuterBar - no own scope - empty scope chain");
+			assert.deepEqual(Parameters.getActiveScopesFor(oInnerBar, true), [["TestScope1"]], "InnerBar - TestScope1 - [['TestScope1']]");
+			assert.deepEqual(Parameters.getActiveScopesFor(oOuterIcon1, true), [], "InnerIcon1 - no own scope - empty scope chain");
+			assert.deepEqual(Parameters.getActiveScopesFor(oOuterIcon2, true), [["TestScope1"]], "OuterIcon2 - TestScope1 - [['TestScope1']]");
+			assert.deepEqual(Parameters.getActiveScopesFor(oInnerIcon1, true), [["TestScope1"]], "InnerIcon1 - no own scope - [['TestScope1']]");
+			assert.deepEqual(Parameters.getActiveScopesFor(oInnerIcon2, true), [["TestScope1"], ["TestScope1"]], "InnerIcon2 - TestScope1 - [['TestScope1'], ['TestScope1']]");
+
+			assert.deepEqual(Parameters.get("sapUiThemeParam1ForLib11", oOuterBar), "#111213", "OuterBar - no own scope - default scope value #111213");
+			assert.deepEqual(Parameters.get("sapUiThemeParam1ForLib11", oInnerBar), "#312111", "InnerBar - TestScope1 - TestScope1 value #312111");
+			assert.deepEqual(Parameters.get("sapUiThemeParam1ForLib11", oOuterIcon1), "#111213", "OuterBar - no own scope - default scope value #111213");
+			assert.deepEqual(Parameters.get("sapUiThemeParam1ForLib11", oOuterIcon2), "#312111", "OuterIcon2 - TestScope1 - TestScope1 value #312111");
+			assert.deepEqual(Parameters.get("sapUiThemeParam1ForLib11", oInnerIcon1), "#312111", "InnerIcon1 - no own scope - TestScope1 value #312111");
+			assert.deepEqual(Parameters.get("sapUiThemeParam1ForLib11", oInnerIcon2), "#312111", "InnerIcon2 - TestScope1 - TestScope1 value #312111");
+
+			oOuterBar.destroy();
+			Theming.detachApplied(fnAssertApplied);
+			done();
+		};
+
+		sap.ui.getCore().loadLibrary("testlibs.themeParameters.lib11");
+
+		Theming.attachApplied(fnAssertApplied);
+
+		// No scope in css defined therefore empty scope chain for all combinations
+		assert.deepEqual(Parameters.getActiveScopesFor(oOuterBar, true), [], "OuterBar - no own scope - no scope defined ==> empty scope chain");
+		assert.deepEqual(Parameters.getActiveScopesFor(oInnerBar, true), [], "InnerBar - TestScope1 - no scope defined ==> empty scope chain");
+		assert.deepEqual(Parameters.getActiveScopesFor(oOuterIcon1, true), [], "InnerIcon1 - no own scope - no scope defined ==> empty scope chain");
+		assert.deepEqual(Parameters.getActiveScopesFor(oOuterIcon2, true), [], "OuterIcon2 - TestScope1 - no scope defined ==> empty scope chain");
+		assert.deepEqual(Parameters.getActiveScopesFor(oInnerIcon1, true), [], "InnerIcon1 - no own scope - no scope defined ==> empty scope chain");
+		assert.deepEqual(Parameters.getActiveScopesFor(oInnerIcon2, true), [], "InnerIcon2 - TestScope1 - no scope defined ==> empty scope chain");
+	});
+
+
+	QUnit.test("After Theme Change: Using Parameters.get", function(assert) {
+		var done = assert.async();
+		var fnContinue = function(oEvent) {
+			if (oEvent.theme === "base") {
+				Theming.detachApplied(fnContinue);
+				done();
+			}
+		};
+
+		var fnApplied = function (oEvent) {
+			if (oEvent.theme === "sap_hcb") {
+				Theming.detachApplied(fnApplied);
+
+				sap.ui.getCore().loadLibraries(["testlibs.themeParameters.lib14"]).then(function () {
+					Parameters.get({
+						name: "sapUiThemeParamForLib14",
+						callback: function (oParamResult) {
+							assert.deepEqual(oParamResult, "#dfdfdf", "Value for the given param 'sapUiThemeParamForLib14' must be defined as '#dfdfdf' for theme 'base'");
+							assert.equal(getParameterInUnifiedHexNotation("sapUiThemeParamForLib13"), "#efefef", "sapUiThemeParamForLib13 must be defined as '#efefef' for theme 'base'");
+
+							Theming.attachApplied(fnContinue);
+							Theming.setTheme("sap_hcb");
+						}
+					});
+					assert.equal(getParameterInUnifiedHexNotation("sapUiThemeParamForLib13"), "#fefefe", "sapUiThemeParamForLib13 must be defined as '#fefefe' for theme 'hcb'");
+					Theming.setTheme("base");
+				});
+			}
+		};
+
+		sap.ui.getCore().loadLibraries(["testlibs.themeParameters.lib13"]).then(function () {
+			Theming.attachApplied(fnApplied);
+		});
+	});
+
+	QUnit.test("Get parameter while CSS after Applied finished loading and before ThemeManager processed Applied event", function(assert) {
+		var sPrefixedLibId = "sap-ui-theme-testlibs.themeParameters.lib17";
+
+		// Setup
+		Parameters.reset();
+		var oCssPromise1 = createLinkElement(sPrefixedLibId, true);
+		var oCssPromise2 = createLinkElement(sPrefixedLibId, false);
+		return Promise.all([oCssPromise1, oCssPromise2]).then(function() {
+			assert.strictEqual(Parameters.get({ name: "sapUiThemeParamForLib17" }), "#fafafa", "Parameter 'sapUiThemeParamForLib17' has value: '#fafafa'");
+
+			// Cleanup
+			Array.from(document.querySelectorAll("link")).forEach(function (oLink) {
+				if (oLink.getAttribute("id") === sPrefixedLibId || oLink.getAttribute("data-sap-ui-foucmarker") === sPrefixedLibId) {
+					oLink.remove();
+				}
+			});
+		});
+	});
+});