npm - @ui5/mcp-server - Versions diffs - 0.1.0 - Mend

@ui5/mcp-server 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (221) hide show

package/resources/template-ts/webapp/manifest.json ADDED Viewed

@@ -0,0 +1,105 @@
+{
+	"_version": "1.21.0",
+	"sap.app": {
+		"id": "<%= appId %>",
+		"type": "application",
+		"i18n": "i18n/i18n.properties",
+		"title": "{{appTitle}}",
+		"description": "{{appDescription}}",
+		"applicationVersion": {
+			"version": "${version}"
+		}<% if (oDataV4Url) { %>,
+		"dataSources": {
+			"default": {
+				"uri": "<%= oDataV4Url %>",
+				"type": "OData",
+				"settings": {
+					"odataVersion": "4.0"
+				}
+			}
+		}<% } %>
+	},
+	"sap.ui": {
+		"technology": "UI5",
+		"icons": {},
+		"deviceTypes": {
+			"desktop": true,
+			"tablet": true,
+			"phone": true
+		}
+	},
+	"sap.ui5": {
+		"rootView": {
+			"viewName": "<%= appId %>.view.App",
+			"type": "XML",
+			"id": "app"
+		},
+		"dependencies": {
+			"minUI5Version": "<%= frameworkVersion %>",
+			"libs": {
+				"sap.ui.core": {},
+				"sap.m": {}<% if (oDataEntitySet) { %>,
+				"sap.ui.layout": {},
+				"sap.f": {},
+				"sap.ui.table": {}<% } %>
+			}
+		},
+		"flexEnabled": false,
+		"handleValidation": true,
+		"contentDensities": {
+			"compact": true,
+			"cozy": true
+		},
+		"models": {
+			"i18n": {
+				"type": "sap.ui.model.resource.ResourceModel",
+				"settings": {
+					"bundleName": "<%= appId %>.i18n.i18n",
+					"async": true
+				}
+			}<% if (oDataV4Url) { %>,
+			"": {
+				"dataSource": "default",
+				"preload": true,
+				"settings": {
+					"autoExpandSelect": true,<% if (serverRequiresXCSRF) { %>
+					"earlyRequests": true,<% } %>
+					"operationMode": "Server"<% if (lt1_110_0) { %>,
+					"synchronizationMode": "None"<% } %>
+				}
+			}<% } %>
+		},
+		"routing": {
+			"config": {
+				"routerClass": "sap.m.routing.Router",
+				"type": "View",
+				"viewType": "XML",
+				"path": "<%= appId %>.view",
+				"controlId": "app",
+				"controlAggregation": "pages"
+			},
+			"routes": [
+				{
+					"pattern": "",
+					"name": "main",
+					"target": "main"
+				}
+			],
+			"targets": {
+				"main": {
+					"id": "main",
+					"name": "Main"
+				}
+			}
+		}
+	}
+}

package/resources/template-ts/webapp/model/formatter.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export default {
+	formatValue: (value: string) => {
+		return value?.toUpperCase();
+	}
+};

package/resources/template-ts/webapp/model/models.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import JSONModel from "sap/ui/model/json/JSONModel";
+import BindingMode from "sap/ui/model/BindingMode";
+<% if (gte1_115_0) { %>
+import Device from "sap/ui/Device";
+<% } else { %>
+import * as Device from "sap/ui/Device"; // for UI5 >= 1.115.0 use: import Device from "sap/ui/Device";
+<% } %>
+export default {
+	createDeviceModel: () => {
+		const oModel = new JSONModel(Device);
+		oModel.setDefaultBindingMode(BindingMode.OneWay);
+		return oModel;
+	}
+};

package/resources/template-ts/webapp/test/Test.qunit.html ADDED Viewed

@@ -0,0 +1,16 @@
+<!doctype html>
+<html>
+	<head>
+		<meta charset="utf-8" />
+		<script
+			src="../resources/sap/ui/test/starter/runTest.js"
+			data-sap-ui-resource-roots='{
+			"test-resources.<%= appId %>": "./"
+		}'
+		></script>
+	</head>
+	<body class="sapUiBody">
+		<div id="qunit"></div>
+		<div id="qunit-fixture"></div>
+	</body>
+</html>

package/resources/template-ts/webapp/test/integration/HelloJourney.ts ADDED Viewed

@@ -0,0 +1,84 @@
+import opaTest from "sap/ui/test/opaQunit";
+import MainPage from "./pages/MainPage";
+const onTheMainPage = new MainPage();
+<% if (!oDataEntitySet) { %>QUnit.module("Sample Hello Journey");
+opaTest("Should open the Hello dialog", function () {
+	// Arrangements
+	onTheMainPage.iStartMyUIComponent({
+		componentConfig: {
+			name: "<%= appId %>"
+		}
+	});
+	// Actions
+	onTheMainPage.iPressTheSayHelloWithDialogButton();
+	// Assertions
+	onTheMainPage.iShouldSeeTheHelloDialog();
+	// Actions
+	onTheMainPage.iPressTheOkButtonInTheDialog();
+	// Assertions
+	onTheMainPage.iShouldNotSeeTheHelloDialog();
+	// Cleanup
+	onTheMainPage.iTeardownMyApp();
+});
+opaTest("Should close the Hello dialog", function () {
+	// Arrangements
+	onTheMainPage.iStartMyUIComponent({
+		componentConfig: {
+			name: "<%= appId %>"
+		}
+	});
+	// Actions
+	onTheMainPage.iPressTheSayHelloWithDialogButton();
+	onTheMainPage.iPressTheOkButtonInTheDialog();
+	// Assertions
+	onTheMainPage.iShouldNotSeeTheHelloDialog();
+	// Cleanup
+	onTheMainPage.iTeardownMyApp();
+});<% } %><% if (oDataEntitySet) { %>QUnit.module("Sample Data Journey");
+opaTest("Should display the data table", function () {
+	// Arrangements
+	onTheMainPage.iStartMyUIComponent({
+		componentConfig: {
+			name: "<%= appId %>"
+		}
+	});
+	// Assertions
+	onTheMainPage.iShouldSeeTheDataTable();
+	onTheMainPage.iShouldSeeTheDetailForm();
+	onTheMainPage.iShouldSeeTableWithCorrectColumns();
+	// Cleanup
+	onTheMainPage.iTeardownMyApp();
+});
+opaTest("Should select table row and populate detail form", function () {
+	// Arrangements
+	onTheMainPage.iStartMyUIComponent({
+		componentConfig: {
+			name: "<%= appId %>"
+		}
+	});
+	// Actions
+	onTheMainPage.iSelectFirstTableRow();
+	// Assertions
+	onTheMainPage.iShouldSeeTheDetailForm();
+	// Cleanup
+	onTheMainPage.iTeardownMyApp();
+});<% } %>

package/resources/template-ts/webapp/test/integration/opaTests.qunit.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ // import all your OPA journeys here
2	+ import "./HelloJourney";

package/resources/template-ts/webapp/test/integration/pages/MainPage.ts ADDED Viewed

@@ -0,0 +1,112 @@
+import Opa5 from "sap/ui/test/Opa5";<% if (oDataEntitySet) { %>
+import Control from "sap/ui/core/Control";
+import Table from "sap/ui/table/Table";
+import Label from "sap/m/Label";<% } else { %>
+import Press from "sap/ui/test/actions/Press";<% } %>
+const viewName = "<%= appId %>.view.Main";
+export default class MainPage extends Opa5 {
+	// Actions<% if (!oDataEntitySet) { %>
+	iPressTheSayHelloWithDialogButton() {
+		this.waitFor({
+			id: "helloButton",
+			viewName,
+			actions: new Press(),
+			errorMessage: "Did not find the 'Say Hello With Dialog' button on the Main view"
+		});
+	}
+	iPressTheOkButtonInTheDialog() {
+		this.waitFor({
+			controlType: "sap.m.Button",
+			searchOpenDialogs: true,
+			viewName,
+			actions: new Press(),
+			errorMessage: "Did not find the 'OK' button in the Dialog"
+		});
+	}<% } %><% if (oDataEntitySet) { %>
+	iSelectFirstTableRow() {
+		this.waitFor({
+			controlType: "sap.ui.table.Table",
+			viewName,
+			actions: function (oTable: Table) {
+				// Select the first row if available
+				if (oTable.getRows().length > 0) {
+					oTable.setSelectedIndex(0);
+					oTable.fireRowSelectionChange({
+						rowIndex: 0,
+						rowContext: oTable.getRows()[0].getBindingContext(),
+						userInteraction: true
+					});
+				}
+			},
+			errorMessage: "Did not find the data table"
+		});
+	}<% } %>
+	// Assertions<% if (!oDataEntitySet) { %>
+	iShouldSeeTheHelloDialog() {
+		this.waitFor({
+			controlType: "sap.m.Dialog",
+			success: function () {
+				// we set the view busy, so we need to query the parent of the app
+				Opa5.assert.ok(true, "The dialog is open");
+			},
+			errorMessage: "Did not find the dialog control"
+		});
+	}
+	iShouldNotSeeTheHelloDialog() {
+		this.waitFor({
+			controlType: "sap.m.App", // dummy, I just want a check function, where I can search the DOM. Probably there is a better way for a NEGATIVE test (NO dialog).
+			check: function () {
+				return document.querySelectorAll(".sapMDialog").length === 0;
+			},
+			success: function () {
+				Opa5.assert.ok(true, "No dialog is open");
+			}
+		});
+	}<% } %><% if (oDataEntitySet) { %>
+	iShouldSeeTheDataTable() {
+		this.waitFor({
+			controlType: "sap.ui.table.Table",
+			viewName,
+			success: function (aTables: Table[]) {
+				Opa5.assert.ok(aTables.length > 0, "The data table is displayed");
+			},
+			errorMessage: "Did not find the data table"
+		});
+	}
+	iShouldSeeTheDetailForm() {
+		this.waitFor({
+			id: "detailForm",
+			viewName,
+			success: function (oForm: Control) {
+				Opa5.assert.ok(oForm, "The detail form is displayed");
+			},
+			errorMessage: "Did not find the detail form"
+		});
+	}
+	iShouldSeeTableWithCorrectColumns() {
+		this.waitFor({
+			controlType: "sap.ui.table.Table",
+			viewName,
+			success: function (aTables: Table[]) {
+				const oTable = aTables[0];
+				const aColumns = oTable.getColumns();
+				const expectedColumns = [<% entityProperties.forEach(function(property, index) { %>"<%= property %>"<% if (index < entityProperties.length - 1) { %>, <% } %><% }); %>];
+				Opa5.assert.equal(aColumns.length, expectedColumns.length, "Table has the correct number of columns");
+				for (let i = 0; i < expectedColumns.length; i++) {
+					const sColumnText = (aColumns[i].getLabel() as Label).getText();
+					Opa5.assert.equal(sColumnText, expectedColumns[i], `Column ${i} has correct label: ${expectedColumns[i]}`);
+				}
+			},
+			errorMessage: "Table columns do not match expected properties"
+		});
+	}<% } %>
+}

package/resources/template-ts/webapp/test/testsuite.qunit.html ADDED Viewed

@@ -0,0 +1,18 @@
+<!doctype html>
+<html>
+	<head>
+		<meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate" />
+		<meta http-equiv="Pragma" content="no-cache" />
+		<meta http-equiv="expires" content="0" />
+		<meta charset="utf-8" />
+		<title>QUnit test suite for the UI5 Application: <%= namespace %></title>
+		<script
+			src="../resources/sap/ui/test/starter/createSuite.js"
+			data-sap-ui-testsuite="test-resources/<%= appURI %>/testsuite.qunit"
+			data-sap-ui-resource-roots='{
+				"test-resources.<%= appId %>": "./"
+			}'
+		></script>
+	</head>
+	<body></body>
+</html>

package/resources/template-ts/webapp/test/testsuite.qunit.ts ADDED Viewed

@@ -0,0 +1,33 @@
+export default {
+	name: "QUnit test suite for the UI5 Application: <%= namespace %>",
+	defaults: {
+		page: "ui5://test-resources/<%= appURI %>/Test.qunit.html?testsuite={suite}&test={name}",
+		qunit: {
+			version: 2
+		},
+		sinon: {
+			version: 4
+		},
+		ui5: {
+			language: "EN",
+			theme: "<%= defaultTheme %>"
+		},
+		coverage: {
+			only: "<%= appURI %>/",
+			never: "test-resources/<%= appURI %>/"
+		},
+		loader: {
+			paths: {
+				"<%= appURI %>": "../"
+			}
+		}
+	},
+	tests: {
+		"unit/unitTests": {
+			title: "Unit tests for <%= namespace %>"
+		},
+		"integration/opaTests": {
+			title: "Integration tests for <%= namespace %>"
+		}
+	}
+};

package/resources/template-ts/webapp/test/unit/controller/Main.qunit.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import Main from "<%= appURI %>/controller/Main.controller";
+QUnit.module("Sample Main controller test");
+QUnit.test("The Main controller class has a <% if (!oDataEntitySet) { %>sayHello<% } else { %>onRowSelectionChange<% } %> method", function (assert) {
+	// as a very basic test example just check the presence of the "<% if (!oDataEntitySet) { %>sayHello<% } else { %>onRowSelectionChange<% } %>" method
+	assert.strictEqual(typeof Main.prototype.<% if (!oDataEntitySet) { %>sayHello<% } else { %>onRowSelectionChange<% } %>, "function");
+});

package/resources/template-ts/webapp/test/unit/unitTests.qunit.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ // import all your QUnit tests here
2	+ import "./controller/Main.qunit";

package/resources/template-ts/webapp/test-lt1_124/integration/HelloJourney.ts ADDED Viewed

@@ -0,0 +1,86 @@
+import opaTest from "sap/ui/test/opaQunit";
+import MainPage from "./pages/MainPage";
+const onTheMainPage = new MainPage();
+<% if (!oDataEntitySet) { %>QUnit.module("Sample Hello Journey");
+opaTest("Should open the Hello dialog", function () {
+	// Arrangements
+	onTheMainPage.iStartMyUIComponent({
+		componentConfig: {
+			name: "<%= appId %>"
+		}
+	});
+	// Actions
+	onTheMainPage.iPressTheSayHelloWithDialogButton();
+	// Assertions
+	onTheMainPage.iShouldSeeTheHelloDialog();
+	// Actions
+	onTheMainPage.iPressTheOkButtonInTheDialog();
+	// Assertions
+	onTheMainPage.iShouldNotSeeTheHelloDialog();
+	// Cleanup
+	onTheMainPage.iTeardownMyApp();
+});
+opaTest("Should close the Hello dialog", function () {
+	// Arrangements
+	onTheMainPage.iStartMyUIComponent({
+		componentConfig: {
+			name: "<%= appId %>"
+		}
+	});
+	// Actions
+	onTheMainPage.iPressTheSayHelloWithDialogButton();
+	onTheMainPage.iPressTheOkButtonInTheDialog();
+	// Assertions
+	onTheMainPage.iShouldNotSeeTheHelloDialog();
+	// Cleanup
+	onTheMainPage.iTeardownMyApp();
+});
+<% } %><% if (oDataEntitySet) { %>QUnit.module("Sample Data Journey");
+opaTest("Should display the data table", function () {
+	// Arrangements
+	onTheMainPage.iStartMyUIComponent({
+		componentConfig: {
+			name: "<%= appId %>"
+		}
+	});
+	// Assertions
+	onTheMainPage.iShouldSeeTheDataTable();
+	onTheMainPage.iShouldSeeTheDetailForm();
+	onTheMainPage.iShouldSeeTableWithCorrectColumns();
+	// Cleanup
+	onTheMainPage.iTeardownMyApp();
+});
+opaTest("Should select table row and populate detail form", function () {
+	// Arrangements
+	onTheMainPage.iStartMyUIComponent({
+		componentConfig: {
+			name: "<%= appId %>"
+		}
+	});
+	// Actions
+	onTheMainPage.iSelectFirstTableRow();
+	// Assertions
+	onTheMainPage.iShouldSeeTheDetailForm();
+	// Cleanup
+	onTheMainPage.iTeardownMyApp();
+});
+<% } %>

package/resources/template-ts/webapp/test-lt1_124/integration/opaTests.qunit.html ADDED Viewed

@@ -0,0 +1,34 @@
+<!doctype html>
+<html>
+	<head>
+		<meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate" />
+		<meta http-equiv="Pragma" content="no-cache" />
+		<meta http-equiv="expires" content="0" />
+		<meta charset="utf-8" />
+		<title>Integration tests for the UI5 Application: <%= namespace %></title>
+		<script
+		id="sap-ui-bootstrap"
+		src="../../resources/sap-ui-core.js"<% if (gte1_120_0) { %>
+		data-sap-ui-resource-roots='{
+			"<%= appId %>": "../../",
+			"integration": "."
+		}'
+		data-sap-ui-compat-version="edge"<% } else { %>
+		data-sap-ui-resourceroots='{
+			"<%= appId %>": "../../",
+			"integration": "."
+		}'
+		data-sap-ui-compatVersion="edge"<% } %>
+		data-sap-ui-async="true"
+		></script>
+		<link rel="stylesheet" type="text/css" href="../../resources/sap/ui/thirdparty/qunit-2.css" />
+		<script src="../../resources/sap/ui/thirdparty/qunit-2.js"></script>
+		<script src="../../resources/sap/ui/qunit/qunit-junit.js"></script>
+		<script src="./opaTests.qunit.js"></script>
+	</head>
+	<body>
+		<div id="qunit"></div>
+		<div id="qunit-fixture"></div>
+	</body>
+</html>

package/resources/template-ts/webapp/test-lt1_124/integration/opaTests.qunit.ts ADDED Viewed

@@ -0,0 +1,8 @@
+/* @sapUiRequire */
+// https://api.qunitjs.com/config/autostart/
+QUnit.config.autostart = false;
+// import all your OPA journeys here
+void Promise.all([import("integration/HelloJourney")]).then(() => {
+	QUnit.start();
+});

package/resources/template-ts/webapp/test-lt1_124/integration/pages/MainPage.ts ADDED Viewed

@@ -0,0 +1,112 @@
+import Opa5 from "sap/ui/test/Opa5";<% if (oDataEntitySet) { %>
+import Control from "sap/ui/core/Control";
+import Table from "sap/ui/table/Table";
+import Label from "sap/m/Label";<% } else { %>
+import Press from "sap/ui/test/actions/Press";<% } %>
+const viewName = "<%= appId %>.view.Main";
+export default class MainPage extends Opa5 {
+	// Actions<% if (!oDataEntitySet) { %>
+	iPressTheSayHelloWithDialogButton() {
+		this.waitFor({
+			id: "helloButton",
+			viewName,
+			actions: new Press(),
+			errorMessage: "Did not find the 'Say Hello With Dialog' button on the Main view"
+		});
+	}
+	iPressTheOkButtonInTheDialog() {
+		this.waitFor({
+			controlType: "sap.m.Button",
+			searchOpenDialogs: true,
+			viewName,
+			actions: new Press(),
+			errorMessage: "Did not find the 'OK' button in the Dialog"
+		});
+	}<% } else { %>
+	iSelectFirstTableRow() {
+		this.waitFor({
+			controlType: "sap.ui.table.Table",
+			viewName,
+			actions: function (oTable: Table) {
+				// Select the first row if available
+				if (oTable.getRows().length > 0) {
+					oTable.setSelectedIndex(0);
+					oTable.fireRowSelectionChange({
+						rowIndex: 0,
+						rowContext: oTable.getRows()[0].getBindingContext(),
+						userInteraction: true
+					});
+				}
+			},
+			errorMessage: "Did not find the data table"
+		});
+	}<% } %>
+	// Assertions<% if (!oDataEntitySet) { %>
+	iShouldSeeTheHelloDialog() {
+		this.waitFor({
+			controlType: "sap.m.Dialog",
+			success: function () {
+				// we set the view busy, so we need to query the parent of the app
+				Opa5.assert.ok(true, "The dialog is open");
+			},
+			errorMessage: "Did not find the dialog control"
+		});
+	}
+	iShouldNotSeeTheHelloDialog() {
+		this.waitFor({
+			controlType: "sap.m.App", // dummy, I just want a check function, where I can search the DOM. Probably there is a better way for a NEGATIVE test (NO dialog).
+			check: function () {
+				return document.querySelectorAll(".sapMDialog").length === 0;
+			},
+			success: function () {
+				Opa5.assert.ok(true, "No dialog is open");
+			}
+		});
+	}<% } else { %>
+	iShouldSeeTheDataTable() {
+		this.waitFor({
+			controlType: "sap.ui.table.Table",
+			viewName,
+			success: function (aTables: Table[]) {
+				Opa5.assert.ok(aTables.length > 0, "The data table is displayed");
+			},
+			errorMessage: "Did not find the data table"
+		});
+	}
+	iShouldSeeTheDetailForm() {
+		this.waitFor({
+			id: "detailForm",
+			viewName,
+			success: function (oForm: Control) {
+				Opa5.assert.ok(oForm, "The detail form is displayed");
+			},
+			errorMessage: "Did not find the detail form"
+		});
+	}
+	iShouldSeeTableWithCorrectColumns() {
+		this.waitFor({
+			controlType: "sap.ui.table.Table",
+			viewName,
+			success: function (aTables: Table[]) {
+				const oTable = aTables[0];
+				const aColumns = oTable.getColumns();
+				const expectedColumns = [<% entityProperties.forEach(function(property, index) { %>"<%= property %>"<% if (index < entityProperties.length - 1) { %>, <% } %><% }); %>];
+				Opa5.assert.equal(aColumns.length, expectedColumns.length, "Table has the correct number of columns");
+				for (let i = 0; i < expectedColumns.length; i++) {
+					const sColumnText = (aColumns[i].getLabel() as Label).getText();
+					Opa5.assert.equal(sColumnText, expectedColumns[i], `Column ${i} has correct label: ${expectedColumns[i]}`);
+				}
+			},
+			errorMessage: "Table columns do not match expected properties"
+		});
+	}<% } %>
+}

package/resources/template-ts/webapp/test-lt1_124/testsuite.qunit.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate" />
+		<meta http-equiv="Pragma" content="no-cache" />
+		<meta http-equiv="expires" content="0" />
+		<meta charset="utf-8" />
+		<title>QUnit test suite for the UI5 Application: <%= namespace %></title>
+		<script src="../resources/sap/ui/qunit/qunit-redirect.js"></script>
+		<script src="testsuite.qunit.js" data-sap-ui-testsuite></script>
+	</head>
+	<body></body>
+</html>

package/resources/template-ts/webapp/test-lt1_124/testsuite.qunit.ts ADDED Viewed

@@ -0,0 +1,9 @@
+/* eslint-disable */
+// @ts-nocheck
+window.suite = function () {
+	const suite = new parent.jsUnitTestSuite();
+	const sContextPath = location.pathname.match(/(.*\/)(?:[^/]+)/)?.[1];
+	suite.addTestPage(sContextPath + "unit/unitTests.qunit.html");
+	suite.addTestPage(sContextPath + "integration/opaTests.qunit.html");
+	return suite;
+};