@sap-ux/ui5-library-writer 0.5.39 → 0.5.41

package/dist/index.js

@@ -10,6 +10,7 @@ const mem_fs_editor_1 = require("mem-fs-editor");
 const cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
 const options_1 = require("./options");
 const data_1 = require("./data");
+const utils_1 = require("./utils");
 /**
  * Writes the template to the memfs editor instance.
  *
@@ -27,7 +28,8 @@ async function generate(basePath, ui5LibConfig, fs) {
     basePath = (0, path_1.join)(basePath, libInput.libraryNamespace);
     const tmplPath = (0, path_1.join)(__dirname, '..', 'templates');
     const ignore = [reuseLib.typescript ? '**/*.js' : '**/*.ts'];
-    fs.copyTpl((0, path_1.join)(tmplPath, 'common', '**/*.*'), basePath, libInput, undefined, {
+    const templateVersionPath = (0, utils_1.getTemplateVersionPath)(reuseLib.frameworkVersion);
+    fs.copyTpl((0, path_1.join)(tmplPath, 'common', templateVersionPath, '**/*.*'), basePath, libInput, undefined, {
         globOptions: { dot: true, ignore },
         processDestinationPath: (filePath) => filePath
             .replace('baselibrary', libInput.libraryNamespaceURI)

package/dist/utils.d.ts

@@ -0,0 +1,18 @@
+export declare const ui5LtsVersion_1_71 = "1.71.0";
+export declare const ui5LtsVersion_1_120 = "1.120.0";
+/**
+ * Compares two UI5 versions to determine if the first is greater than or equal to the second.
+ *
+ * @param {string} ui5VersionA - The first UI5 version to compare.
+ * @param {string} ui5VersionB - The second UI5 version to compare.
+ * @returns {boolean} - True if the first version is greater than or equal to the second, false otherwise.
+ */
+export declare function compareUI5VersionGte(ui5VersionA: string, ui5VersionB: string): boolean;
+/**
+ * Gets the template version path based on the UI5 version.
+ *
+ * @param version - The framework version.
+ * @returns {string} - The template version path.
+ */
+export declare function getTemplateVersionPath(version: string): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ui5LtsVersion_1_120 = exports.ui5LtsVersion_1_71 = void 0;
+exports.compareUI5VersionGte = compareUI5VersionGte;
+exports.getTemplateVersionPath = getTemplateVersionPath;
+const semver_1 = require("semver");
+exports.ui5LtsVersion_1_71 = '1.71.0';
+exports.ui5LtsVersion_1_120 = '1.120.0';
+/**
+ * Compares two UI5 versions to determine if the first is greater than or equal to the second.
+ *
+ * @param {string} ui5VersionA - The first UI5 version to compare.
+ * @param {string} ui5VersionB - The second UI5 version to compare.
+ * @returns {boolean} - True if the first version is greater than or equal to the second, false otherwise.
+ */
+function compareUI5VersionGte(ui5VersionA, ui5VersionB) {
+    if (ui5VersionA === '') {
+        // latest version
+        return true;
+    }
+    else {
+        return (0, semver_1.gte)(ui5VersionA, ui5VersionB, { loose: true });
+    }
+}
+/**
+ * Gets the template version path based on the UI5 version.
+ *
+ * @param version - The framework version.
+ * @returns {string} - The template version path.
+ */
+function getTemplateVersionPath(version) {
+    let templateVersionPath = '';
+    if (compareUI5VersionGte(version, exports.ui5LtsVersion_1_120)) {
+        templateVersionPath = exports.ui5LtsVersion_1_120;
+    }
+    else {
+        templateVersionPath = exports.ui5LtsVersion_1_71;
+    }
+    return templateVersionPath;
+}
+//# sourceMappingURL=utils.js.map

package/package.json

@@ -9,7 +9,7 @@
   "bugs": {
     "url": "https://github.com/SAP/open-ux-tools/issues?q=is%3Aopen+is%3Aissue+label%3Abug+label%3Aui5-library-writer"
   },
-  "version": "0.5.39",
+  "version": "0.5.41",
   "license": "Apache-2.0",
   "main": "dist/index.js",
   "files": [
@@ -29,9 +29,8 @@
     "mem-fs": "2.1.0",
     "mem-fs-editor": "9.4.0",
     "semver": "7.5.4",
-    "@sap-ux/project-access": "1.28.10",
-    "@sap-ux/ui5-application-writer": "1.2.8",
-    "@sap-ux/ui5-config": "0.26.0"
+    "@sap-ux/ui5-config": "0.26.0",
+    "@sap-ux/project-access": "1.28.10"
   },
   "devDependencies": {
     "@types/ejs": "3.1.2",

package/templates/common/1.120.0/src/baselibrary/ExampleRenderer.js

@@ -0,0 +1,47 @@
+/*!
+ * ${copyright}
+ */
+
+sap.ui.define([
+	"sap/ui/core/Lib",
+	"./library"
+], function (Lib, library) {
+	"use strict";
+
+	// refer to library types
+	var ExampleColor = library.ExampleColor;
+
+	/**
+	 * Example renderer.
+	 * @namespace
+	 */
+	var ExampleRenderer = {
+		apiVersion: 2 // usage of DOM Patcher
+	};
+
+	/**
+	 * Renders the HTML for the given control, using the provided
+	 * {@link sap.ui.core.RenderManager}.
+	 *
+	 * @param {sap.ui.core.RenderManager} rm The reference to the <code>sap.ui.core.RenderManager</code>
+	 * @param {sap.ui.core.Control} control The control instance to be rendered
+	 */
+	ExampleRenderer.render = function (rm, control) {
+
+		var i18n = Lib.getResourceBundleFor("<%= libraryNamespace %>");
+
+		rm.openStart("div", control);
+		if (control.getColor() === ExampleColor.Highlight) {
+			rm.class("myLibPrefixExampleHighlight");
+		} else {
+			rm.class("myLibPrefixExample");
+		}
+		rm.openEnd( );
+		rm.text(i18n.getText("ANY_TEXT") + ": " + control.getText());
+		rm.close("div");
+
+	};
+
+	return ExampleRenderer;
+
+});

package/templates/common/1.120.0/src/baselibrary/ExampleRenderer.ts

@@ -0,0 +1,41 @@
+/*!
+ * ${copyright}
+ */
+
+import ResourceBundle from "sap/base/i18n/ResourceBundle";
+import Lib from "sap/ui/core/Lib";
+import RenderManager from "sap/ui/core/RenderManager";
+import Example from "./Example";
+import { ExampleColor } from "./library";
+
+/**
+ * Example renderer.
+ * @namespace
+ */
+const ExampleRenderer = {
+	apiVersion: 2, // usage of DOM Patcher
+
+	/**
+	 * Renders the HTML for the given control, using the provided {@link RenderManager}.
+	 *
+	 * @param {RenderManager} rm The reference to the <code>sap.ui.core.RenderManager</code>
+	 * @param {Example} control The control instance to be rendered
+	 */
+	render: function (rm: RenderManager, control: Example) {
+
+		const i18n = Lib.getResourceBundleFor("<%= libraryNamespace %>") as ResourceBundle;
+
+		rm.openStart("div", control);
+		if (control.getColor() === ExampleColor.Highlight) {
+			rm.class("myLibPrefixExampleHighlight");
+		} else {
+			rm.class("myLibPrefixExample");
+		}
+		rm.openEnd( );
+		rm.text(i18n.getText("ANY_TEXT") + ": " + control.getText());
+		rm.close("div");
+	}
+
+};
+
+export default ExampleRenderer;

package/templates/common/1.120.0/src/baselibrary/library.js

@@ -0,0 +1,68 @@
+/*!
+ * ${copyright}
+ */
+
+/**
+ * Initialization Code and shared classes of library <%= libraryNamespace %>.
+ */
+sap.ui.define([
+	"sap/ui/core/Lib"
+], function (Lib) {
+	"use strict";
+
+	// delegate further initialization of this library to the Core
+	// Hint: sap.ui.getCore() must still be used to support preload with sync bootstrap!
+	Lib.init({
+		name: "<%= libraryNamespace %>",
+		version: "${version}",
+		dependencies: [ // keep in sync with the ui5.yaml and .library files
+			"sap.ui.core"
+		],
+		types: [
+			"<%= libraryNamespace %>.ExampleColor"
+		],
+		interfaces: [],
+		controls: [
+			"<%= libraryNamespace %>.Example"
+		],
+		elements: [],
+		noLibraryCSS: false, // if no CSS is provided, you can disable the library.css load here
+		apiVersion: 2
+	});
+
+	/**
+	 * Some description about <code><%= libraryName %></code>
+	 *
+	 * @namespace
+	 * @name <%= libraryNamespace %>
+	 * @author <%= author %>
+	 * @version ${version}
+	 * @public
+	 */
+	var thisLib = <%= libraryNamespace %>;
+
+	/**
+	 * Semantic Colors of the <code><%= libraryNamespace %>.Example</code>.
+	 *
+	 * @enum {string}
+	 * @public
+	 */
+	thisLib.ExampleColor = {
+
+		/**
+		 * Default color (brand color)
+		 * @public
+		 */
+		Default : "Default",
+
+		/**
+		 * Highlight color
+		 * @public
+		 */
+		Highlight : "Highlight"
+
+	};
+
+	return thisLib;
+
+});

package/templates/common/1.120.0/src/baselibrary/library.ts

@@ -0,0 +1,58 @@
+/*!
+ * ${copyright}
+ */
+
+import ObjectPath from "sap/base/util/ObjectPath";
+import Lib from "sap/ui/core/Lib";
+
+/**
+ * Initialization Code and shared classes of library <%= libraryNamespace %>.
+ */
+
+// delegate further initialization of this library to the Core
+// Hint: sap.ui.getCore() must still be used here to support preload with sync bootstrap!
+Lib.init({
+	name: "<%= libraryNamespace %>",
+	version: "${version}",
+	dependencies: [ // keep in sync with the ui5.yaml and .library files
+		"sap.ui.core"
+	],
+	types: [
+		"<%= libraryNamespace %>.ExampleColor"
+	],
+	interfaces: [],
+	controls: [
+		"<%= libraryNamespace %>.Example"
+	],
+	elements: [],
+	noLibraryCSS: false, // if no CSS is provided, you can disable the library.css load here
+	apiVersion: 2,
+});
+
+// get the library object from global object space because all enums must be attached to it to be usable as UI5 types
+// FIXME: this line is planned to become obsolete and may need to be removed later
+const thisLib : {[key: string]: unknown} = ObjectPath.get("<%= libraryNamespace %>") as {[key: string]: unknown};
+
+/**
+ * Semantic Colors of the com.myorg.myUI5Library.Example control.
+ *
+ * @enum {string}
+ * @public
+ */
+export enum ExampleColor {
+
+	/**
+	 * Default color (brand color)
+	 * @public
+	 */
+	Default = "Default",
+
+	/**
+	 * Highlight color
+	 * @public
+	 */
+	Highlight = "Highlight"
+
+}
+// FIXME: this line is planned to become obsolete and may need to be removed later
+thisLib.ExampleColor = ExampleColor; // add the enum to the library; this is important because UI5 otherwise cannot identify the type and will skip type checking for properties of this type

package/templates/common/1.120.0/test/baselibrary/Example.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html>
+<head>
+		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+		<title>Test Page for <%= libraryNamespace %>.Example</title>
+		<base href="<%= libraryBasepath %>../">
+		<script src="resources/sap-ui-core.js"
+				id="sap-ui-bootstrap"
+				data-sap-ui-async="true"
+				data-sap-ui-on-init="module:local/Example"
+				data-sap-ui-libs="sap.ui.core,<%= libraryNamespace %>"
+				data-sap-ui-theme="sap_fiori_3"
+				data-sap-ui-compat-version="edge"
+				data-sap-ui-resource-roots='{"local" : "./test-resources/<%= libraryNamespaceURI %>/"}'>
+		</script>
+</head>
+<body class="sapUiBody">
+		<h1 id="header">Test Page for <code><%= libraryNamespace %>.Example</code></h1>
+		<div id="content"></div>
+</body>
+</html>

package/templates/common/1.120.0/ui5.yaml

@@ -0,0 +1,18 @@
+specVersion: '2.2'
+metadata:
+  name: "<%= libraryName %>"
+type: library
+framework:
+  name: <%= framework %>
+  version: <%= frameworkVersion %>
+  libraries:
+    - name: sap.ui.core
+    - name: themelib_sap_fiori_3
+server:
+  customMiddleware:
+    - name: fiori-tools-appreload
+      afterMiddleware: compression
+      configuration:
+        path: test
+        port: 35729
+        delay: 300

package/templates/common/1.71.0/gitignore.tmpl

@@ -0,0 +1,9 @@
+node_modules/
+dist/
+.scp/
+Makefile*.mta
+mta_archives
+mta-*
+resources
+archive.zip
+.*_mta_build_tmp

package/templates/common/1.71.0/karma.conf.tmpl

@@ -0,0 +1,7 @@
+// karma-ui5 usage: https://github.com/SAP/karma-ui5
+module.exports = function (config) {
+    config.set({
+        frameworks: ["ui5"],
+        browsers: ["Chrome"]
+    });
+};

package/templates/common/1.71.0/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "<%= libraryName %>",
+  "version": "1.0.0",
+  "devDependencies": {
+    "@ui5/cli": "^3.9.1",
+    "karma": "6.3.17",
+    "karma-chrome-launcher": "^3.1.1",
+    "karma-cli": "^2.0.0",
+    "karma-ui5": "^3.0.3",
+    "@sap/ux-ui5-tooling": "1"
+  },
+  "scripts": {
+    "build": "ui5 build --clean-dest",
+    "start": "fiori run --open test-resources/<%= libraryNamespaceURI %>/Example.html",
+    "testsuite": "fiori run --open test-resources/<%= libraryNamespaceURI %>/qunit/testsuite.qunit.html",
+    "test": "karma start --browsers=ChromeHeadless --singleRun=true"
+  }
+}

package/templates/common/1.71.0/src/baselibrary/.library

@@ -0,0 +1,14 @@
+<?xml version="1.0" ?>
+<library xmlns="http://www.sap.com/sap.ui.library.xsd">
+	<name><%= libraryNamespace %></name>
+	<vendor><%= author %></vendor>
+	<version>${version}</version>
+	<copyright>${copyright}</copyright>
+	<title><%= libraryName %></title>
+	<documentation>Some description about <%= libraryName %></documentation>
+	<dependencies>
+		<dependency>
+			<libraryName>sap.ui.core</libraryName>
+		</dependency>
+	</dependencies>
+</library>

package/templates/common/1.71.0/src/baselibrary/Example.gen.d.ts

@@ -0,0 +1,33 @@
+import { ExampleColor } from "./library";
+import Event from "sap/ui/base/Event";
+import { PropertyBindingInfo } from "sap/ui/base/ManagedObject";
+import { $ControlSettings } from "sap/ui/core/Control";
+
+declare module "./Example" {
+
+    /**
+     * Interface defining the settings object used in constructor calls
+     */
+    interface $ExampleSettings extends $ControlSettings {
+        text?: string | PropertyBindingInfo;
+        color?: ExampleColor | PropertyBindingInfo | `{${string}}`;
+        press?: (event: Event) => void;
+    }
+
+    export default interface Example {
+
+        // property: text
+        getText(): string;
+        setText(text: string): this;
+
+        // property: color
+        getColor(): ExampleColor;
+        setColor(color: ExampleColor): this;
+
+        // event: press
+        attachPress(fn: (event: Event) => void, listener?: object): this;
+        attachPress<CustomDataType extends object>(data: CustomDataType, fn: (event: Event, data: CustomDataType) => void, listener?: object): this;
+        detachPress(fn: (event: Event) => void, listener?: object): this;
+        firePress(parameters?: object): this;
+    }
+}

package/templates/common/1.71.0/src/baselibrary/Example.js

@@ -0,0 +1,68 @@
+/*!
+ * ${copyright}
+ */
+
+// Provides control <%= libraryNamespace %>.Example.
+sap.ui.define([
+	"./library", 
+	"sap/ui/core/Control", 
+	"./ExampleRenderer"
+], function (library, Control, ExampleRenderer) {
+	"use strict";
+
+	// refer to library types
+	var ExampleColor = library.ExampleColor;
+
+	/**
+	 * Constructor for a new <code><%= libraryNamespace %>.Example</code> control.
+	 *
+	 * @param {string} [sId] id for the new control, generated automatically if no id is given
+	 * @param {object} [mSettings] initial settings for the new control
+	 *
+	 * @class
+	 * Some class description goes here.
+	 * @extends sap.ui.core.Control
+	 *
+	 * @author <%= author %>
+	 * @version ${version}
+	 *
+	 * @constructor
+	 * @public
+	 * @alias <%= libraryNamespace %>.Example
+	 */
+	var Example = Control.extend("<%= libraryNamespace %>.Example", /** @lends <%= libraryNamespace %>.Example.prototype */ {
+		metadata: {
+			library: "<%= libraryNamespace %>",
+			properties: {
+				/**
+				 * The text to display.
+				 */
+				text: {
+					type: "string",
+					group: "Data",
+					defaultValue: null
+				},
+				/**
+				 * The color to use (default to "Default" color).
+				 */
+				color: {
+					type: "<%= libraryNamespace %>.ExampleColor",
+					group: "Appearance",
+					defaultValue: ExampleColor.Default
+				}
+			},
+			events: {
+				/**
+				 * Event is fired when the user clicks the control.
+				 */
+				press: {}
+			}
+		},
+		renderer: ExampleRenderer,
+    onclick: function() {
+      this.firePress();
+    }
+	});
+	return Example;
+
+});

package/templates/common/1.71.0/src/baselibrary/Example.ts

@@ -0,0 +1,65 @@
+/*!
+ * ${copyright}
+ */
+
+// Provides control <%= libraryNamespace %>.Example.
+import Control from	"sap/ui/core/Control";
+import ExampleRenderer from "./ExampleRenderer";
+import { ExampleColor } from "./library";
+
+
+
+/**
+ * Constructor for a new <code><%= libraryNamespace %>.Example</code> control.
+ *
+ * Some class description goes here.
+ * @extends Control
+ *
+ * @author OpenUI5 Team 
+ * @version ${version}
+ *
+ * @constructor
+ * @public
+ * @name <%= libraryNamespace %>.Example
+ */
+export default class Example extends Control {
+
+	// The following three lines were generated and should remain as-is to make TypeScript aware of the constructor signatures
+	constructor(id?: string | $ExampleSettings);
+	constructor(id?: string, settings?: $ExampleSettings);
+	constructor(id?: string, settings?: $ExampleSettings) { super(id, settings); }
+
+	static readonly metadata = {
+		library: "<%= libraryNamespace %>",
+		properties: {
+			/**
+			 * The text to display.
+			 */
+			text: {
+				type: "string",
+				group: "Data",
+				defaultValue: null
+			},
+			/**
+			 * The color to use (default to "Default" color).
+			 */
+			color: {
+				type: "<%= libraryNamespace %>.ExampleColor",
+				group: "Appearance",
+				defaultValue: ExampleColor.Default
+			}
+		},
+		events: {
+			/**
+			 * Event is fired when the user clicks the control.
+			 */
+			press: {}
+		}
+	};
+
+	static renderer = ExampleRenderer;
+
+	onclick = () => {
+		this.firePress();
+	};
+}

package/templates/common/1.71.0/src/baselibrary/messagebundle.properties

@@ -0,0 +1,2 @@
+# Translation file of library <%= libraryNamespace %>.
+ANY_TEXT=AnyText

package/templates/common/1.71.0/src/baselibrary/themes/base/Example.less

@@ -0,0 +1,19 @@
+/* Theme Parameter Toolbox: https://sdk.openui5.org/test-resources/sap/m/demokit/theming/webapp/index.html */
+
+.myLibPrefixExample,
+.myLibPrefixExampleHighlight {
+	color: @sapUiText;
+	background-color: @sapUiNeutralBG;
+	border: 1rem solid @sapUiContentForegroundBorderColor;
+	border-radius: 1rem;
+	opacity: 0.8;
+	padding: 2rem;
+	margin: 2rem 8rem;
+	text-align: center;
+	font-size: 2em;
+	line-height: 3em;
+}
+
+.myLibPrefixExampleHighlight {
+	background-color: @sapUiSuccessBG;
+}

package/templates/common/1.71.0/src/baselibrary/themes/base/library.source.less

@@ -0,0 +1,4 @@
+@import "/resources/sap/ui/core/themes/base/base.less";
+@import "/resources/sap/ui/core/themes/base/global.less";
+
+@import "Example.less";

package/templates/common/1.71.0/src/baselibrary/themes/sap_fiori_3/library.source.less

@@ -0,0 +1,3 @@
+@import "../base/library.source.less";
+@import "/resources/sap/ui/core/themes/sap_fiori_3/base.less";
+@import "/resources/sap/ui/core/themes/sap_fiori_3/global.less";

package/templates/common/1.71.0/src/baselibrary/themes/sap_fiori_3_dark/library.source.less

@@ -0,0 +1,3 @@
+@import "../base/library.source.less";
+@import "/resources/sap/ui/core/themes/sap_fiori_3_dark/base.less";
+@import "/resources/sap/ui/core/themes/sap_fiori_3_dark/global.less";

package/templates/common/1.71.0/src/baselibrary/themes/sap_fiori_3_hcb/library.source.less

@@ -0,0 +1,3 @@
+@import "../base/library.source.less";
+@import "/resources/sap/ui/core/themes/sap_fiori_3_hcb/base.less";
+@import "/resources/sap/ui/core/themes/sap_fiori_3_hcb/global.less";

package/templates/common/1.71.0/src/baselibrary/themes/sap_fiori_3_hcw/library.source.less

@@ -0,0 +1,3 @@
+@import "../base/library.source.less";
+@import "/resources/sap/ui/core/themes/sap_fiori_3_hcw/base.less";
+@import "/resources/sap/ui/core/themes/sap_fiori_3_hcw/global.less";

package/templates/common/1.71.0/test/baselibrary/Example.js

@@ -0,0 +1,18 @@
+// eslint-disable-next-line no-undef
+sap.ui.define([
+	"<%= libraryNamespaceURI %>/library",
+	"<%= libraryNamespaceURI %>/Example"
+], function(library, Example) {
+	"use strict";
+
+	// refer to library types
+	var ExampleColor = library.ExampleColor;
+
+	// create a new instance of the Example control and
+	// place it into the DOM element with the id "content"
+	new Example({
+			text: "Example",
+			color: ExampleColor.Highlight
+	}).placeAt("content");
+
+});

package/templates/common/1.71.0/test/baselibrary/Example.ts

@@ -0,0 +1,9 @@
+import { ExampleColor } from '<%= libraryNamespaceURI %>/library';
+import Example from '<%= libraryNamespaceURI %>/Example';
+
+// Create a new instance of the Example control and
+// place it into the DOM element with the id "content"
+new Example({
+  text: 'Example',
+  color: ExampleColor.Highlight,
+}).placeAt('content');

package/templates/common/1.71.0/test/baselibrary/qunit/Example.qunit.js

@@ -0,0 +1,65 @@
+/*global QUnit */
+// eslint-disable-next-line no-undef
+sap.ui.define([
+	"sap/ui/qunit/QUnitUtils",
+	"sap/ui/qunit/utils/createAndAppendDiv",
+	"<%= libraryNamespaceURI %>/library",
+	"<%= libraryNamespaceURI %>/Example"
+], function(qutils, createAndAppendDiv, library, Example) {
+	"use strict";
+
+	// refer to library types
+	var ExampleColor = library.ExampleColor;
+
+	// prepare DOM
+	createAndAppendDiv("uiArea1");
+
+	// module for basic checks
+	QUnit.module("Example Tests");
+
+	// example sync test
+	QUnit.test("Sync", function(assert) {
+		assert.expect(1);
+		assert.ok(true, "ok");
+	});
+
+	// example async test
+	QUnit.test("Async", function(assert) {
+		assert.expect(1);
+		return new Promise(function(resolve, reject) {
+			assert.ok(true, "ok");
+			resolve();
+		});
+	})
+
+	// module for basic checks
+	QUnit.module("Basic Control Checks");
+
+	// some basic control checks
+	QUnit.test("Test get properties", function(assert) {
+		assert.expect(2);
+		var oExample = new Example({
+			text: "Example"
+		});
+		assert.equal(oExample.getText(), "Example", "Check text equals 'Example'");
+		assert.equal(oExample.getColor(), ExampleColor.Default, "Check color equals 'Default'");
+	});
+
+	// some basic eventing check
+	QUnit.test("Test click event", function(assert) {
+		assert.expect(1);
+		var oExample = new Example("example", {
+			text: "Example",
+			press: function() {
+				assert.ok(true, "Event has been fired!")
+			}
+		}).placeAt("uiArea1");
+		return new Promise(function(resolve, reject) {
+			setTimeout(function() {
+				qutils.triggerMouseEvent("example", "click", 1, 1);
+        resolve();
+			}, 100);
+		});
+	});
+
+});

package/templates/common/1.71.0/test/baselibrary/qunit/Example.qunit.ts

@@ -0,0 +1,68 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+
+/*global QUnit */
+// eslint-disable-next-line no-undef
+sap.ui.define([
+	"sap/ui/qunit/QUnitUtils",
+	"sap/ui/qunit/utils/createAndAppendDiv",
+	"<%= libraryNamespaceURI %>/library",
+	"<%= libraryNamespaceURI %>/Example"
+], function(qutils, createAndAppendDiv, library, Example) {
+	"use strict";
+
+	// refer to library types
+	const ExampleColor = library.ExampleColor;
+
+	// prepare DOM
+	createAndAppendDiv("uiArea1");
+
+	// module for basic checks
+	QUnit.module("Example Tests");
+
+	// example sync test
+	QUnit.test("Sync", function(assert) {
+		assert.expect(1);
+		assert.ok(true, "ok");
+	});
+
+	// example async test
+	QUnit.test("Async", function(assert) {
+		assert.expect(1);
+		return new Promise(function(resolve, reject) {
+			assert.ok(true, "ok");
+			resolve();
+		});
+	})
+
+	// module for basic checks
+	QUnit.module("Basic Control Checks");
+
+	// some basic control checks
+	QUnit.test("Test get properties", function(assert) {
+		assert.expect(2);
+		const oExample = new Example({
+			text: "Example"
+		});
+		assert.equal(oExample.getText(), "Example", "Check text equals 'Example'");
+		assert.equal(oExample.getColor(), ExampleColor.Default, "Check color equals 'Default'");
+	});
+
+	// some basic eventing check
+	QUnit.test("Test click event", function(assert) {
+		assert.expect(1);
+		const oExample = new Example("example", {
+			text: "Example",
+			press: function() {
+				assert.ok(true, "Event has been fired!")
+			}
+		}).placeAt("uiArea1");
+		return new Promise(function(resolve, reject) {
+			setTimeout(function() {
+				qutils.triggerMouseEvent("example", "click", 1, 1);
+        resolve();
+			}, 100);
+		});
+	});
+
+});

package/templates/common/1.71.0/test/baselibrary/qunit/testsuite.qunit.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="X-UA-Compatible" content="IE=edge">
+		<meta charset="utf-8">
+    <base href="<%= libraryBasepath %>../../">
+		<title>QUnit TestSuite for <%= libraryNamespace %></title>
+		<script src="resources/sap/ui/test/starter/createSuite.js"
+				data-sap-ui-testsuite="test-resources/<%= libraryNamespaceURI %>/qunit/testsuite.qunit"></script>
+	</head>
+	<body>
+	</body>
+</html>

package/templates/common/1.71.0/test/baselibrary/qunit/testsuite.qunit.js

@@ -0,0 +1,35 @@
+// eslint-disable-next-line no-undef
+sap.ui.define(function() {
+	"use strict";
+
+	return {
+		name: "QUnit TestSuite for <%= libraryNamespace %>",
+		defaults: {
+			bootCore: true,
+			ui5: {
+				libs: "sap.ui.core,<%= libraryNamespace %>",
+				theme: "sap_fiori_3",
+				noConflict: true,
+				preload: "auto"
+			},
+			qunit: {
+				version: 2,
+				reorder: false
+			},
+			sinon: {
+				version: 4,
+				qunitBridge: true,
+				useFakeTimers: false
+			},
+			module: "./{name}.qunit"
+		},
+		tests: {
+			// test file for the Example control
+			Example: {
+				title: "QUnit Test for Example",
+				_alternativeTitle: "QUnit tests: <%= libraryNamespace %>.Example"
+			}
+		}
+	};
+
+});

package/templates/common/1.71.0/test/baselibrary/qunit/testsuite.qunit.ts

@@ -0,0 +1,35 @@
+// eslint-disable-next-line no-undef
+sap.ui.define(function() {
+	"use strict";
+
+	return {
+		name: "QUnit TestSuite for <%= libraryNamespace %>",
+		defaults: {
+			bootCore: true,
+			ui5: {
+				libs: "sap.ui.core,<%= libraryNamespace %>",
+				theme: "sap_fiori_3",
+				noConflict: true,
+				preload: "auto"
+			},
+			qunit: {
+				version: 2,
+				reorder: false
+			},
+			sinon: {
+				version: 4,
+				qunitBridge: true,
+				useFakeTimers: false
+			},
+			module: "./{name}.qunit"
+		},
+		tests: {
+			// test file for the Example control
+			Example: {
+				title: "QUnit Test for Example",
+				_alternativeTitle: "QUnit tests: <%= libraryNamespace %>.Example"
+			}
+		}
+	};
+
+});