@sap/open.fe 1.96.0 → 1.97.0

package/packages/sap.fe.macros/test/sap/fe/macros/jest/data/TableFieldLabel.cds

@@ -0,0 +1,152 @@
+namespace sap.fe.test;
+
+service JestService {
+
+    entity SalesOrderItem    @(
+        Communication.Contact : {
+            email : [{
+                type    : #work,
+                address : BusinessPartner
+            }],
+            fn    : FullName,
+        },
+
+    Common       : { 
+        SemanticObject  : 'v4Freestyle'
+    }
+    ) {  key ID    : Integer;
+            name  : String;
+            Material : String @(Common : {Label : 'Property Label'});
+            amount1                : Integer64     @Measures.ISOCurrency : unit1;
+            unit1                  : String;
+            BusinessPartner        : String(10) @(Common : {
+                Label              : 'Business Partner'
+            });
+            FullName        : String(80)   @(title : 'Full Name');
+            ReferencedSalesOrderID     : UUID;
+            _ReferencedSalesOrder      : Association to SalesOrder on _ReferencedSalesOrder.ID = ReferencedSalesOrderID;
+    } actions {
+        action test() returns SalesOrderItem;
+    };
+
+    entity SalesOrder {
+        key ID  : UUID                                  @(
+                title  : 'Sales Order',
+                Common : {
+                    Text  : SalesOrderLabel
+                },
+                Core.Computed : true
+            );
+            SalesOrderLabel  : String(10)@Common : {
+                Label : 'Sales Order No.'
+            }
+    }
+}
+
+annotate JestService.SalesOrderItem with @UI : {
+    FieldGroup #myFieldGroup : {Data : [
+	{
+		$Type  : 'UI.DataFieldForAnnotation',
+		Target : '@UI.DataPoint#DataPoint',
+        Label  : 'DataFieldForAnnotation Label'
+	},
+    {
+		$Type  : 'UI.DataFieldForAnnotation',
+		Target : '@UI.DataPoint#DataPoint',
+        Label  : ''
+	},
+    {
+		$Type  : 'UI.DataFieldForAnnotation',
+		Target : '@UI.DataPoint#DataPoint'
+	},
+    {
+		$Type  : 'UI.DataFieldForAnnotation',
+		Target : '@UI.DataPoint#DataPointwoTitle'
+	},
+    {
+        $Type  : 'UI.DataField',
+        Label  : 'Simple DataField Label',
+        Value  : Material
+    },
+    {
+        $Type  : 'UI.DataField',
+        Value  : Material
+    },
+    {
+        $Type   : 'UI.DataFieldForAnnotation',
+        Target  : '@UI.Chart#Chart'
+    },
+    {
+        $Type   : 'UI.DataFieldForAnnotation',
+        Target  : '@UI.Chart#ChartwoTitle'
+    },
+    {
+        $Type  : 'UI.DataFieldForAnnotation',
+        Target : '@Communication.Contact'
+    },
+    {
+        $Type  : 'UI.DataFieldWithNavigationPath',
+        Label  : 'Referenced Sales Order',
+        Value  : _ReferencedSalesOrder.SalesOrderLabel,
+        Target : '_ReferencedSalesOrder'
+    },
+    {
+        $Type  : 'UI.DataFieldWithNavigationPath',
+        Value  : _ReferencedSalesOrder.SalesOrderLabel,
+        Target : '_ReferencedSalesOrder'
+    },
+    {
+        $Type           : 'UI.DataFieldForIntentBasedNavigation',
+        SemanticObject  : 'v4Freestyle',
+        Action          : 'Test',
+        Label           : 'Test'
+    },
+    {
+        $Type         : 'UI.DataFieldForAction',
+        Label         : 'Label For Action',
+        Action        : 'sap.fe.test.JestService.test'
+    },
+
+    ]},
+    DataPoint #DataPoint           : {
+        Value : Material,
+        Title : 'DataPoint Title'
+    },
+    DataPoint #DataPointwoTitle           : {
+        Value : Material
+    },
+
+    Chart #Chart                     : {
+        $Type             : 'UI.ChartDefinitionType',
+        Title             : 'Chart Title',
+        ChartType         : #Bullet,
+        Measures          : [amount1],
+        Dimensions        : [Material],
+        MeasureAttributes : [{
+            $Type     : 'UI.ChartMeasureAttributeType',
+            Measure   : amount1,
+            Role      : #Axis1,
+            DataPoint : '@UI.DataPoint#DataPoint'
+        }]
+    },
+    Chart #ChartwoTitle                     : {
+        $Type             : 'UI.ChartDefinitionType',
+        ChartType         : #Bullet,
+        Measures          : [amount1],
+        Dimensions        : [Material],
+        MeasureAttributes : [{
+            $Type     : 'UI.ChartMeasureAttributeType',
+            Measure   : amount1,
+            Role      : #Axis1,
+            DataPoint : '@UI.DataPoint#DataPoint'
+        }]
+    },
+
+    LineItem                               : [
+    {
+        $Type             : 'UI.DataFieldForAnnotation',
+        Label             : 'My Field Group',
+        Target            : '@UI.FieldGroup#myFieldGroup'
+    },
+    ]
+};

package/packages/sap.fe.macros/test/sap/fe/macros/jest/field/FieldRuntime.spec.js

@@ -0,0 +1,116 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/fe/macros/field/FieldRuntime", "sap/m/MessageBox", "sap/fe/macros/ResourceModel"], function (FieldRuntime, MessageBox, ResourceModel) {
+  "use strict";
+
+  describe("FieldRuntime", function () {
+    // replacing the relevant functions with a mock
+    var messageBoxErrorMock = jest.fn();
+    MessageBox.error = messageBoxErrorMock;
+    var resourceBundleText = "The message text";
+    var resourceModelGetTextMock = jest.fn(function () {
+      return resourceBundleText;
+    });
+    ResourceModel.getText = resourceModelGetTextMock;
+    describe("handleUploadComplete", function () {
+      // generate a MockEvent as input for the tests
+      function getMockEvent(parameters) {
+        return {
+          getParameter: jest.fn(function (name) {
+            return parameters[name];
+          }),
+          getSource: jest.fn(function () {
+            return mockFileUploader;
+          })
+        };
+      }
+
+      var mockFileUploader = {
+        getBindingContext: jest.fn(function () {
+          return mockContext;
+        }),
+        getValue: jest.fn(function () {
+          return "filename";
+        })
+      };
+      var mockContext = {
+        requestSideEffects: jest.fn(),
+        setProperty: jest.fn()
+      };
+      afterEach(function () {
+        messageBoxErrorMock.mockClear();
+      });
+      it("test for successful upload and calling setProperty and requestSideEffects", function () {
+        var event = getMockEvent({
+          status: 204
+        });
+        FieldRuntime.handleUploadComplete(event, "propertyName");
+        expect(messageBoxErrorMock).toBeCalledTimes(0);
+        expect(event.getSource).toBeCalledTimes(1);
+        expect(mockFileUploader.getBindingContext).toBeCalledTimes(1);
+        expect(mockContext.setProperty).toBeCalledTimes(1);
+        expect(mockContext.setProperty).toBeCalledWith("propertyName", "filename");
+        expect(mockFileUploader.getValue).toBeCalledTimes(1);
+        expect(mockContext.requestSideEffects).toBeCalledTimes(1);
+      });
+      it("test handling for error 423 with JSON response", function () {
+        var message = "The error text";
+        var event = getMockEvent({
+          status: 423,
+          responseRaw: JSON.stringify({
+            error: {
+              message: message
+            }
+          })
+        });
+        FieldRuntime.handleUploadComplete(event, "");
+        expect(messageBoxErrorMock).toBeCalledTimes(1);
+        expect(messageBoxErrorMock).toBeCalledWith(message);
+        expect(event.getSource).not.toBeCalled();
+      });
+      it("test handling for error 500 with HTML response", function () {
+        var message = '<!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="utf-8">\n<title>Error</title>\n</head>\n<body>\n<pre>Error: read ECONNRESET<br> &nbsp; &nbsp;at TLSWrap.onStreamRead (internal/stream_base_commons.js:209:20)</pre>\n</body>\n</html>\n';
+        var event = getMockEvent({
+          status: 500,
+          responseRaw: message
+        });
+        FieldRuntime.handleUploadComplete(event, "");
+        expect(messageBoxErrorMock).toBeCalledTimes(1);
+        expect(messageBoxErrorMock).toBeCalledWith(message);
+        expect(event.getSource).not.toBeCalled();
+      });
+      it("test handling for error 403 with String response", function () {
+        var message = "CSRF token is invalid";
+        var event = getMockEvent({
+          status: 403,
+          responseRaw: message
+        });
+        FieldRuntime.handleUploadComplete(event, "");
+        expect(messageBoxErrorMock).toBeCalledTimes(1);
+        expect(messageBoxErrorMock).toBeCalledWith(message);
+        expect(event.getSource).not.toBeCalled();
+      });
+      it("test handling for error 0 with no response", function () {
+        var message = "";
+        var event = getMockEvent({
+          status: 0,
+          responseRaw: message
+        });
+        FieldRuntime.handleUploadComplete(event, "");
+        expect(messageBoxErrorMock).toBeCalledTimes(1);
+        expect(messageBoxErrorMock).toBeCalledWith(resourceBundleText);
+        expect(event.getSource).not.toBeCalled();
+      });
+    });
+    describe("handleUploadAborted", function () {
+      it("test handling for aborted upload", function () {
+        FieldRuntime.handleUploadAborted();
+        expect(messageBoxErrorMock).toBeCalledTimes(1);
+        expect(messageBoxErrorMock).toBeCalledWith(resourceBundleText);
+      });
+    });
+  });
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpZWxkUnVudGltZS5zcGVjLnRzIl0sIm5hbWVzIjpbImRlc2NyaWJlIiwibWVzc2FnZUJveEVycm9yTW9jayIsImplc3QiLCJmbiIsIk1lc3NhZ2VCb3giLCJlcnJvciIsInJlc291cmNlQnVuZGxlVGV4dCIsInJlc291cmNlTW9kZWxHZXRUZXh0TW9jayIsIlJlc291cmNlTW9kZWwiLCJnZXRUZXh0IiwiZ2V0TW9ja0V2ZW50IiwicGFyYW1ldGVycyIsImdldFBhcmFtZXRlciIsIm5hbWUiLCJnZXRTb3VyY2UiLCJtb2NrRmlsZVVwbG9hZGVyIiwiZ2V0QmluZGluZ0NvbnRleHQiLCJtb2NrQ29udGV4dCIsImdldFZhbHVlIiwicmVxdWVzdFNpZGVFZmZlY3RzIiwic2V0UHJvcGVydHkiLCJhZnRlckVhY2giLCJtb2NrQ2xlYXIiLCJpdCIsImV2ZW50Iiwic3RhdHVzIiwiRmllbGRSdW50aW1lIiwiaGFuZGxlVXBsb2FkQ29tcGxldGUiLCJleHBlY3QiLCJ0b0JlQ2FsbGVkVGltZXMiLCJ0b0JlQ2FsbGVkV2l0aCIsIm1lc3NhZ2UiLCJyZXNwb25zZVJhdyIsIkpTT04iLCJzdHJpbmdpZnkiLCJub3QiLCJ0b0JlQ2FsbGVkIiwiaGFuZGxlVXBsb2FkQWJvcnRlZCJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTs7OztBQUdBQSxFQUFBQSxRQUFRLENBQUMsY0FBRCxFQUFpQixZQUFNO0FBQzlCO0FBQ0EsUUFBTUMsbUJBQW1CLEdBQUdDLElBQUksQ0FBQ0MsRUFBTCxFQUE1QjtBQUNBQyxJQUFBQSxVQUFVLENBQUNDLEtBQVgsR0FBbUJKLG1CQUFuQjtBQUVBLFFBQU1LLGtCQUFrQixHQUFHLGtCQUEzQjtBQUNBLFFBQU1DLHdCQUF3QixHQUFHTCxJQUFJLENBQUNDLEVBQUwsQ0FBUTtBQUFBLGFBQU1HLGtCQUFOO0FBQUEsS0FBUixDQUFqQztBQUNBRSxJQUFBQSxhQUFhLENBQUNDLE9BQWQsR0FBd0JGLHdCQUF4QjtBQUVBUCxJQUFBQSxRQUFR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QTVCO0FBQ0EsT0FWQyxDQUFGO0FBWUFiLE1BQUFBLEVBQUUsQ0FBQyw0Q0FBRCxFQUErQyxZQUFNO0FBQ3RELFlBQU1RLE9BQU8sR0FBRyxFQUFoQjtBQUNBLFlBQU1QLEtBQUssR0FBR2QsWUFBWSxDQUFDO0FBQzFCZSxVQUFBQSxNQUFNLEVBQUUsQ0FEa0I7QUFFMUJPLFVBQUFBLFdBQVcsRUFBRUQ7QUFGYSxTQUFELENBQTFCO0FBSUFMLFFBQUFBLFlBQVksQ0FBQ0Msb0JBQWIsQ0FBa0NILEtBQWxDLEVBQXlDLEVBQXpDO0FBQ0FJLFFBQUFBLE1BQU0sQ0FBQzNCLG1CQUFELENBQU4sQ0FBNEI0QixlQUE1QixDQUE0QyxDQUE1QztBQUNBRCxRQUFBQSxNQUFNLENBQUMzQixtQkFBRCxDQUFOLENBQTRCNkIsY0FBNUIsQ0FBMkN4QixrQkFBM0M7QUFDQXNCLFFBQUFBLE1BQU0sQ0FBQ0osS0FBSyxDQUFDVixTQUFQLENBQU4sQ0FBd0JxQixHQUF4QixDQUE0QkMsVUFBNUI7QUFDQSxPQVZDLENBQUY7QUFXQSxLQTNGTyxDQUFSO0FBNkZBcEMsSUFBQUEsUUFBUSxDQUFDLHFCQUFELEVBQXdCLFlBQU07QUFDckN1QixNQUFBQSxFQUFFLENBQUMsa0NBQUQsRUFBcUMsWUFBTTtBQUM1Q0csUUFBQUEsWUFBWSxDQUFDVyxtQkFBYjtBQUNBVCxRQUFBQSxNQUFNLENBQUMzQixtQkFBRCxDQUFOLENBQTRCNEIsZUFBNUIsQ0FBNEMsQ0FBNUM7QUFDQUQsUUFBQUEsTUFBTSxDQUFDM0IsbUJBQUQsQ0FBTixDQUE0QjZCLGNBQTVCLENBQTJDeEIsa0JBQTNDO0FBQ0EsT0FKQyxDQUFGO0FBS0EsS0FOTyxDQUFSO0FBT0EsR0E3R08sQ0FBUiIsInNvdXJjZVJvb3QiOiIuIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmllbGRSdW50aW1lIH0gZnJvbSBcInNhcC9mZS9tYWNyb3MvZmllbGRcIjtcbmltcG9ydCB7IE1lc3NhZ2VCb3ggfSBmcm9tIFwic2FwL21cIjtcbmltcG9ydCB7IEV2ZW50IH0gZnJvbSBcInNhcC91aS9iYXNlXCI7XG5pbXBvcnQgeyBSZXNvdXJjZU1vZGVsIH0gZnJvbSBcInNhcC9mZS9tYWNyb3NcIjtcblxuZGVzY3JpYmUoXCJGaWVsZFJ1bnRpbWVcIiwgKCkgPT4ge1xuXHQvLyByZXBsYWNpbmcgdGhlIHJlbGV2YW50IGZ1bmN0aW9ucyB3aXRoIGEgbW9ja1xuXHRjb25zdCBtZXNzYWdlQm94RXJyb3JNb2NrID0gamVzdC5mbigpO1xuXHRNZXNzYWdlQm94LmVycm9yID0gbWVzc2FnZUJveEVycm9yTW9jaztcblxuXHRjb25zdCByZXNvdXJjZUJ1bmRsZVRleHQgPSBcIlRoZSBtZXNzYWdlIHRleHRcIjtcblx0Y29uc3QgcmVzb3VyY2VNb2RlbEdldFRleHRNb2NrID0gamVzdC5mbigoKSA9PiByZXNvdXJjZUJ1bmRsZVRleHQpO1xuXHRSZXNvdXJjZU1vZGVsLmdldFRleHQgPSByZXNvdXJjZU1vZGVsR2V0VGV4dE1vY2s7XG5cblx0ZGVzY3JpYmUoXCJoYW5kbGVVcGxvYWRDb21wbGV0ZVwiLCAoKSA9PiB7XG5cdFx0Ly8gZ2VuZXJhdGUgYSBNb2NrRXZlbnQgYXMgaW5wdXQgZm9yIHRoZSB0ZXN0c1xuXHRcdGZ1bmN0aW9uIGdldE1vY2tFdmVudChwYXJhbWV0ZXJzOiBhbnkpOiBQYXJ0aWFsPEV2ZW50PiB7XG5cdFx0XHRyZXR1cm4ge1xuXHRcdFx0XHRnZXRQYXJhbWV0ZXI6IGplc3QuZm4obmFtZSA9PiBwYXJhbWV0ZXJzW25hbWVdKSxcblx0XHRcdFx0Z2V0U291cmNlOiBqZXN0LmZuKCgpOiBhbnkgPT4ge1xuXHRcdFx0XHRcdHJldHVybiBtb2NrRmlsZVVwbG9hZGVyO1xuXHRcdFx0XHR9KVxuXHRcdFx0fTtcblx0XHR9XG5cdFx0Y29uc3QgbW9ja0ZpbGVVcGxvYWRlciA9IHtcblx0XHRcdGdldEJpbmRpbmdDb250ZXh0OiBqZXN0LmZuKCgpOiBhbnkgPT4ge1xuXHRcdFx0XHRyZXR1cm4gbW9ja0NvbnRleHQ7XG5cdFx0XHR9KSxcblx0XHRcdGdldFZhbHVlOiBqZXN0LmZuKCgpID0+IFwiZmlsZW5hbWVcIilcblx0XHR9O1xuXHRcdGNvbnN0IG1vY2tDb250ZXh0ID0ge1xuXHRcdFx0cmVxdWVzdFNpZGVFZmZlY3RzOiBqZXN0LmZuKCksXG5cdFx0XHRzZXRQcm9wZXJ0eTogamVzdC5mbigpXG5cdFx0fTtcblxuXHRcdGFmdGVyRWFjaCgoKSA9PiB7XG5cdFx0XHRtZXNzYWdlQm94RXJyb3JNb2NrLm1vY2tDbGVhcigpO1xuXHRcdH0pO1xuXG5cdFx0aXQoXCJ0ZXN0IGZvciBzdWNjZXNzZnVsIHVwbG9hZCBhbmQgY2FsbGluZyBzZXRQcm9wZXJ0eSBhbmQgcmVxdWVzdFNpZGVFZmZlY3RzXCIsICgpID0+IHtcblx0XHRcdGNvbnN0IGV2ZW50ID0gZ2V0TW9ja0V2ZW50KHtcblx0XHRcdFx0c3RhdHVzOiAyMDRcblx0XHRcdH0pO1xuXHRcdFx0RmllbGRSdW50aW1lLmhhbmRsZVVwbG9hZENvbXBsZXRlKGV2ZW50LCBcInByb3BlcnR5TmFtZVwiKTtcblx0XHRcdGV4cGVjdChtZXNzYWdlQm94RXJyb3JNb2NrKS50b0JlQ2FsbGVkVGltZXMoMCk7XG5cdFx0XHRleHBlY3QoZXZlbnQuZ2V0U291cmNlKS50b0JlQ2FsbGVkVGltZXMoMSk7XG5cdFx0XHRleHBlY3QobW9ja0ZpbGVVcGxvYWRlci5nZXRCaW5kaW5nQ29udGV4dCkudG9CZUNhbGxlZFRpbWVzKDEpO1xuXHRcdFx0ZXhwZWN0KG1vY2tDb250ZXh0LnNldFByb3BlcnR5KS50b0JlQ2FsbGVkVGltZXMoMSk7XG5cdFx0XHRleHBlY3QobW9ja0NvbnRleHQuc2V0UHJvcGVydHkpLnRvQmVDYWxsZWRXaXRoKFwicHJvcGVydHlOYW1lXCIsIFwiZmlsZW5hbWVcIik7XG5cdFx0XHRleHBlY3QobW9ja0ZpbGVVcGxvYWRlci5nZXRWYWx1ZSkudG9CZUNhbGxlZFRpbWVzKDEpO1xuXHRcdFx0ZXhwZWN0KG1vY2tDb250ZXh0LnJlcXVlc3RTaWRlRWZmZWN0cykudG9CZUNhbGxlZFRpbWVzKDEpO1xuXHRcdH0pO1xuXG5cdFx0aXQoXCJ0ZXN0IGhhbmRsaW5nIGZvciBlcnJvciA0MjMgd2l0aCBKU09OIHJlc3BvbnNlXCIsICgpID0+IHtcblx0XHRcdGNvbnN0IG1lc3NhZ2UgPSBcIlRoZSBlcnJvciB0ZXh0XCI7XG5cdFx0XHRjb25zdCBldmVudCA9IGdldE1vY2tFdmVudCh7XG5cdFx0XHRcdHN0YXR1czogNDIzLFxuXHRcdFx0XHRyZXNwb25zZVJhdzogSlNPTi5zdHJpbmdpZnkoe1xuXHRcdFx0XHRcdGVycm9yOiB7XG5cdFx0XHRcdFx0XHRtZXNzYWdlXG5cdFx0XHRcdFx0fVxuXHRcdFx0XHR9KVxuXHRcdFx0fSk7XG5cdFx0XHRGaWVsZFJ1bnRpbWUuaGFuZGxlVXBsb2FkQ29tcGxldGUoZXZlbnQsIFwiXCIpO1xuXHRcdFx0ZXhwZWN0KG1lc3NhZ2VCb3hFcnJvck1vY2spLnRvQmVDYWxsZWRUaW1lcygxKTtcblx0XHRcdGV4cGVjdChtZXNzYWdlQm94RXJyb3JNb2NrKS50b0JlQ2FsbGVkV2l0aChtZXNzYWdlKTtcblx0XHRcdGV4cGVjdChldmVudC5nZXRTb3VyY2UpLm5vdC50b0JlQ2FsbGVkKCk7XG5cdFx0fSk7XG5cblx0XHRpdChcInRlc3QgaGFuZGxpbmcgZm9yIGVycm9yIDUwMCB3aXRoIEhUTUwgcmVzcG9uc2VcIiwgKCkgPT4ge1xuXHRcdFx0Y29uc3QgbWVzc2FnZSA9XG5cdFx0XHRcdCc8IURPQ1RZUEUgaHRtbD5cXG48aHRtbCBsYW5nPVwiZW5cIj5cXG48aGVhZD5cXG48bWV0YSBjaGFyc2V0PVwidXRmLThcIj5cXG48dGl0bGU+RXJyb3I8L3RpdGxlPlxcbjwvaGVhZD5cXG48Ym9keT5cXG48cHJlPkVycm9yOiByZWFkIEVDT05OUkVTRVQ8YnI+ICZuYnNwOyAmbmJzcDthdCBUTFNXcmFwLm9uU3RyZWFtUmVhZCAoaW50ZXJuYWwvc3RyZWFtX2Jhc2VfY29tbW9ucy5qczoyMDk6MjApPC9wcmU+XFxuPC9ib2R5PlxcbjwvaHRtbD5cXG4nO1xuXHRcdFx0Y29uc3QgZXZlbnQgPSBnZXRNb2NrRXZlbnQoe1xuXHRcdFx0XHRzdGF0dXM6IDUwMCxcblx0XHRcdFx0cmVzcG9uc2VSYXc6IG1lc3NhZ2Vcblx0XHRcdH0pO1xuXHRcdFx0RmllbGRSdW50aW1lLmhhbmRsZVVwbG9hZENvbXBsZXRlKGV2ZW50LCBcIlwiKTtcblx0XHRcdGV4cGVjdChtZXNzYWdlQm94RXJyb3JNb2NrKS50b0JlQ2FsbGVkVGltZXMoMSk7XG5cdFx0XHRleHBlY3QobWVzc2FnZUJveEVycm9yTW9jaykudG9CZUNhbGxlZFdpdGgobWVzc2FnZSk7XG5cdFx0XHRleHBlY3QoZXZlbnQuZ2V0U291cmNlKS5ub3QudG9CZUNhbGxlZCgpO1xuXHRcdH0pO1xuXG5cdFx0aXQoXCJ0ZXN0IGhhbmRsaW5nIGZvciBlcnJvciA0MDMgd2l0aCBTdHJpbmcgcmVzcG9uc2VcIiwgKCkgPT4ge1xuXHRcdFx0Y29uc3QgbWVzc2FnZSA9IFwiQ1NSRiB0b2tlbiBpcyBpbnZhbGlkXCI7XG5cdFx0XHRjb25zdCBldmVudCA9IGdldE1vY2tFdmVudCh7XG5cdFx0XHRcdHN0YXR1czogNDAzLFxuXHRcdFx0XHRyZXNwb25zZVJhdzogbWVzc2FnZVxuXHRcdFx0fSk7XG5cdFx0XHRGaWVsZFJ1bnRpbWUuaGFuZGxlVXBsb2FkQ29tcGxldGUoZXZlbnQsIFwiXCIpO1xuXHRcdFx0ZXhwZWN0KG1lc3NhZ2VCb3hFcnJvck1vY2spLnRvQmVDYWxsZWRUaW1lcygxKTtcblx0XHRcdGV4cGVjdChtZXNzYWdlQm94RXJyb3JNb2NrKS50b0JlQ2FsbGVkV2l0aChtZXNzYWdlKTtcblx0XHRcdGV4cGVjdChldmVudC5nZXRTb3VyY2UpLm5vdC50b0JlQ2FsbGVkKCk7XG5cdFx0fSk7XG5cblx0XHRpdChcInRlc3QgaGFuZGxpbmcgZm9yIGVycm9yIDAgd2l0aCBubyByZXNwb25zZVwiLCAoKSA9PiB7XG5cdFx0XHRjb25zdCBtZXNzYWdlID0gXCJcIjtcblx0XHRcdGNvbnN0IGV2ZW50ID0gZ2V0TW9ja0V2ZW50KHtcblx0XHRcdFx0c3RhdHVzOiAwLFxuXHRcdFx0XHRyZXNwb25zZVJhdzogbWVzc2FnZVxuXHRcdFx0fSk7XG5cdFx0XHRGaWVsZFJ1bnRpbWUuaGFuZGxlVXBsb2FkQ29tcGxldGUoZXZlbnQsIFwiXCIpO1xuXHRcdFx0ZXhwZWN0KG1lc3NhZ2VCb3hFcnJvck1vY2spLnRvQmVDYWxsZWRUaW1lcygxKTtcblx0XHRcdGV4cGVjdChtZXNzYWdlQm94RXJyb3JNb2NrKS50b0JlQ2FsbGVkV2l0aChyZXNvdXJjZUJ1bmRsZVRleHQpO1xuXHRcdFx0ZXhwZWN0KGV2ZW50LmdldFNvdXJjZSkubm90LnRvQmVDYWxsZWQoKTtcblx0XHR9KTtcblx0fSk7XG5cblx0ZGVzY3JpYmUoXCJoYW5kbGVVcGxvYWRBYm9ydGVkXCIsICgpID0+IHtcblx0XHRpdChcInRlc3QgaGFuZGxpbmcgZm9yIGFib3J0ZWQgdXBsb2FkXCIsICgpID0+IHtcblx0XHRcdEZpZWxkUnVudGltZS5oYW5kbGVVcGxvYWRBYm9ydGVkKCk7XG5cdFx0XHRleHBlY3QobWVzc2FnZUJveEVycm9yTW9jaykudG9CZUNhbGxlZFRpbWVzKDEpO1xuXHRcdFx0ZXhwZWN0KG1lc3NhZ2VCb3hFcnJvck1vY2spLnRvQmVDYWxsZWRXaXRoKHJlc291cmNlQnVuZGxlVGV4dCk7XG5cdFx0fSk7XG5cdH0pO1xufSk7XG4iXX0=

package/packages/sap.fe.macros/test/sap/fe/macros/jest/field/FieldRuntime.spec.ts

@@ -0,0 +1,115 @@
+import { FieldRuntime } from "sap/fe/macros/field";
+import { MessageBox } from "sap/m";
+import { Event } from "sap/ui/base";
+import { ResourceModel } from "sap/fe/macros";
+
+describe("FieldRuntime", () => {
+	// replacing the relevant functions with a mock
+	const messageBoxErrorMock = jest.fn();
+	MessageBox.error = messageBoxErrorMock;
+
+	const resourceBundleText = "The message text";
+	const resourceModelGetTextMock = jest.fn(() => resourceBundleText);
+	ResourceModel.getText = resourceModelGetTextMock;
+
+	describe("handleUploadComplete", () => {
+		// generate a MockEvent as input for the tests
+		function getMockEvent(parameters: any): Partial<Event> {
+			return {
+				getParameter: jest.fn(name => parameters[name]),
+				getSource: jest.fn((): any => {
+					return mockFileUploader;
+				})
+			};
+		}
+		const mockFileUploader = {
+			getBindingContext: jest.fn((): any => {
+				return mockContext;
+			}),
+			getValue: jest.fn(() => "filename")
+		};
+		const mockContext = {
+			requestSideEffects: jest.fn(),
+			setProperty: jest.fn()
+		};
+
+		afterEach(() => {
+			messageBoxErrorMock.mockClear();
+		});
+
+		it("test for successful upload and calling setProperty and requestSideEffects", () => {
+			const event = getMockEvent({
+				status: 204
+			});
+			FieldRuntime.handleUploadComplete(event, "propertyName");
+			expect(messageBoxErrorMock).toBeCalledTimes(0);
+			expect(event.getSource).toBeCalledTimes(1);
+			expect(mockFileUploader.getBindingContext).toBeCalledTimes(1);
+			expect(mockContext.setProperty).toBeCalledTimes(1);
+			expect(mockContext.setProperty).toBeCalledWith("propertyName", "filename");
+			expect(mockFileUploader.getValue).toBeCalledTimes(1);
+			expect(mockContext.requestSideEffects).toBeCalledTimes(1);
+		});
+
+		it("test handling for error 423 with JSON response", () => {
+			const message = "The error text";
+			const event = getMockEvent({
+				status: 423,
+				responseRaw: JSON.stringify({
+					error: {
+						message
+					}
+				})
+			});
+			FieldRuntime.handleUploadComplete(event, "");
+			expect(messageBoxErrorMock).toBeCalledTimes(1);
+			expect(messageBoxErrorMock).toBeCalledWith(message);
+			expect(event.getSource).not.toBeCalled();
+		});
+
+		it("test handling for error 500 with HTML response", () => {
+			const message =
+				'<!DOCTYPE html>\n<html lang="en">\n<head>\n<meta charset="utf-8">\n<title>Error</title>\n</head>\n<body>\n<pre>Error: read ECONNRESET<br> &nbsp; &nbsp;at TLSWrap.onStreamRead (internal/stream_base_commons.js:209:20)</pre>\n</body>\n</html>\n';
+			const event = getMockEvent({
+				status: 500,
+				responseRaw: message
+			});
+			FieldRuntime.handleUploadComplete(event, "");
+			expect(messageBoxErrorMock).toBeCalledTimes(1);
+			expect(messageBoxErrorMock).toBeCalledWith(message);
+			expect(event.getSource).not.toBeCalled();
+		});
+
+		it("test handling for error 403 with String response", () => {
+			const message = "CSRF token is invalid";
+			const event = getMockEvent({
+				status: 403,
+				responseRaw: message
+			});
+			FieldRuntime.handleUploadComplete(event, "");
+			expect(messageBoxErrorMock).toBeCalledTimes(1);
+			expect(messageBoxErrorMock).toBeCalledWith(message);
+			expect(event.getSource).not.toBeCalled();
+		});
+
+		it("test handling for error 0 with no response", () => {
+			const message = "";
+			const event = getMockEvent({
+				status: 0,
+				responseRaw: message
+			});
+			FieldRuntime.handleUploadComplete(event, "");
+			expect(messageBoxErrorMock).toBeCalledTimes(1);
+			expect(messageBoxErrorMock).toBeCalledWith(resourceBundleText);
+			expect(event.getSource).not.toBeCalled();
+		});
+	});
+
+	describe("handleUploadAborted", () => {
+		it("test handling for aborted upload", () => {
+			FieldRuntime.handleUploadAborted();
+			expect(messageBoxErrorMock).toBeCalledTimes(1);
+			expect(messageBoxErrorMock).toBeCalledWith(resourceBundleText);
+		});
+	});
+});

package/packages/sap.fe.macros/test/sap/fe/macros/jest/form/FormElement.spec.js

@@ -0,0 +1,86 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/fe/test/JestTemplatingHelper", "sap/fe/macros/field/FieldTemplating"], function (JestTemplatingHelper, FieldTemplating) {
+  "use strict";
+
+  var processFragment = JestTemplatingHelper.processFragment;
+
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+  // @ts-ignore
+  FieldTemplating.getVisibleExpression = jest.fn().mockReturnValue("~visibleExpression");
+  describe("Fragment: FormElement", function () {
+    var thisRef = {
+      _flexId: "~flexId",
+      onChange: "~onChange",
+      displayMode: "false"
+    };
+    var dataField = {
+      "@@FIELD.propertyName": "~nested",
+      "@@UI.getDataModelObjectPath": "/path"
+    };
+    it("DataFieldDefault", function () {
+      try {
+        return Promise.resolve(processFragment("sap.fe.macros.form.FormElement", {
+          this: thisRef,
+          dataField: {
+            "@com.sap.vocabularies.UI.v1.DataFieldDefault": dataField
+          }
+        })).then(function (xml) {
+          expect(xml).toMatchSnapshot();
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    });
+    it("Field with label from annotation", function () {
+      try {
+        return Promise.resolve(processFragment("sap.fe.macros.form.FormElement", {
+          this: thisRef,
+          dataField: {
+            "@com.sap.vocabularies.Common.v1.Label": "~LabelFromAnnotation"
+          }
+        })).then(function (xml) {
+          expect(xml).toMatchSnapshot();
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    });
+    it("Field with label from metadata", function () {
+      try {
+        return Promise.resolve(processFragment("sap.fe.macros.form.FormElement", {
+          this: thisRef,
+          dataField: {
+            "@@MODEL.label": "~LabelFromMetadata"
+          }
+        })).then(function (xml) {
+          expect(xml).toMatchSnapshot();
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    });
+    it("Field in display mode", function () {
+      try {
+        return Promise.resolve(processFragment("sap.fe.macros.form.FormElement", {
+          this: _objectSpread(_objectSpread({}, thisRef), {}, {
+            displayMode: "true"
+          }),
+          dataField: dataField
+        })).then(function (xml) {
+          expect(xml).toMatchSnapshot();
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    });
+  });
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1FbGVtZW50LnNwZWMudHMiXSwibmFtZXMiOlsiRmllbGRUZW1wbGF0aW5nIiwiZ2V0VmlzaWJsZUV4cHJlc3Npb24iLCJqZXN0IiwiZm4iLCJtb2NrUmV0dXJuVmFsdWUiLCJkZXNjcmliZSIsInRoaXNSZWYiLCJfZmxleElkIiwib25DaGFuZ2UiLCJkaXNwbGF5TW9kZSIsImRhdGFGaWVsZCIsIml0IiwicHJvY2Vzc0ZyYWdtZW50IiwidGhpcyIsInhtbCIsImV4cGVjdCIsInRvTWF0Y2hTbmFwc2hvdCJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTs7Ozs7Ozs7Ozs7O0FBRUE7QUFDQUEsRUFBQUEsZUFBZSxDQUFDQyxvQkFBaEIsR0FBdUNDLElBQUksQ0FBQ0MsRUFBTCxHQUFVQyxlQUFWLENBQTBCLG9CQUExQixDQUF2QztBQUVBQyxFQUFBQSxRQUFRLENBQUMsdUJBQUQsRUFBMEIsWUFBVztBQUM1QyxRQUFNQyxPQUFPLEdBQUc7QUFDZkMsTUFBQUEsT0FBTyxFQUFFLFNBRE07QUFFZkMsTUFBQUEsUUFBUSxFQUFFLFdBRks7QUFHZkMsTUFBQUEsV0FBVyxFQUFFO0FBSEUsS0FBaEI7QUFLQSxRQUFNQyxTQUFTLEdBQUc7QUFDakIsOEJBQXdCLFNBRFA7QUFFakIscUNBQStCO0FBRmQsS0FBbEI7QUFLQUMsSUFBQUEsRUFBRSxDQUFDLGtCQUFEO0FBQUEsVUFBc0M7QUFBQSwrQkFDckJDLGVBQWUsQ0FBQyxnQ0FBRCxFQUFtQztBQUNuRUMsVUFBQUEsSUFBSSxFQUFFUCxPQUQ2RDtBQUVuRUksVUFBQUEsU0FBUyxFQUFFO0FBQUUsNERBQWdEQTtBQUFsRDtBQUZ3RCxTQUFuQyxDQURNLGlCQUNqQ0ksR0FEaUM7QUFLdkNDLFVBQUFBLE1BQU0sQ0FBQ0QsR0FBRCxDQUFOLENBQVlFLGVBQVo7QUFMdUM7QUFNdkMsT0FOQztBQUFBO0FBQUE7QUFBQSxNQUFGO0FBUUFMLElBQUFBLEVBQUUsQ0FBQyxrQ0FBRDtBQUFBLFVBQXNEO0FBQUEsK0JBQ3JDQyxlQUFlLENBQUMsZ0NBQUQsRUFBbUM7QUFDbkVDLFVBQUFBLElBQUksRUFBRVAsT0FENkQ7QUFFbkVJLFVBQUFBLFNBQVMsRUFBRTtBQUNWLHFEQUF5QztBQUQvQjtBQUZ3RCxTQUFuQyxDQURzQixpQkFDakRJLEdBRGlEO0FBT3ZEQyxVQUFBQSxNQUFNLENBQUNELEdBQUQsQ0FBTixDQUFZRSxlQUFaO0FBUHVEO0FBUXZELE9BUkM7QUFBQTtBQUFBO0FBQUEsTUFBRjtBQVVBTCxJQUFBQSxFQUFFLENBQUMsZ0NBQUQ7QUFBQSxVQUFvRDtBQUFBLCtCQUNuQ0MsZUFBZSxDQUFDLGdDQUFELEVBQW1DO0FBQ25FQyxVQUFBQSxJQUFJLEVBQUVQLE9BRDZEO0FBRW5FSSxVQUFBQSxTQUFTLEVBQUU7QUFDViw2QkFBaUI7QUFEUDtBQUZ3RCxTQUFuQyxDQURvQixpQkFDL0NJLEdBRCtDO0FBT3JEQyxVQUFBQSxNQUFNLENBQUNELEdBQUQsQ0FBTixDQUFZRSxlQUFaO0FBUHFEO0FBUXJELE9BUkM7QUFBQTtBQUFBO0FBQUEsTUFBRjtBQVVBTCxJQUFBQSxFQUFFLENBQUMsdUJBQUQ7QUFBQSxVQUEyQztBQUFBLCtCQUMxQkMsZUFBZSxDQUFDLGdDQUFELEVBQW1DO0FBQ25FQyxVQUFBQSxJQUFJLGtDQUFPUCxPQUFQO0FBQWdCRyxZQUFBQSxXQUFXLEVBQUU7QUFBN0IsWUFEK0Q7QUFFbkVDLFVBQUFBLFNBQVMsRUFBVEE7QUFGbUUsU0FBbkMsQ0FEVyxpQkFDdENJLEdBRHNDO0FBSzVDQyxVQUFBQSxNQUFNLENBQUNELEdBQUQsQ0FBTixDQUFZRSxlQUFaO0FBTDRDO0FBTTVDLE9BTkM7QUFBQTtBQUFBO0FBQUEsTUFBRjtBQU9BLEdBOUNPLENBQVIiLCJzb3VyY2VSb290IjoiLiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHByb2Nlc3NGcmFnbWVudCB9IGZyb20gXCJzYXAvZmUvdGVzdC9KZXN0VGVtcGxhdGluZ0hlbHBlclwiO1xuXG5pbXBvcnQgKiBhcyBGaWVsZFRlbXBsYXRpbmcgZnJvbSBcInNhcC9mZS9tYWNyb3MvZmllbGQvRmllbGRUZW1wbGF0aW5nXCI7XG5cbi8vIEB0cy1pZ25vcmVcbkZpZWxkVGVtcGxhdGluZy5nZXRWaXNpYmxlRXhwcmVzc2lvbiA9IGplc3QuZm4oKS5tb2NrUmV0dXJuVmFsdWUoXCJ+dmlzaWJsZUV4cHJlc3Npb25cIik7XG5cbmRlc2NyaWJlKFwiRnJhZ21lbnQ6IEZvcm1FbGVtZW50XCIsIGZ1bmN0aW9uKCkge1xuXHRjb25zdCB0aGlzUmVmID0ge1xuXHRcdF9mbGV4SWQ6IFwifmZsZXhJZFwiLFxuXHRcdG9uQ2hhbmdlOiBcIn5vbkNoYW5nZVwiLFxuXHRcdGRpc3BsYXlNb2RlOiBcImZhbHNlXCJcblx0fTtcblx0Y29uc3QgZGF0YUZpZWxkID0ge1xuXHRcdFwiQEBGSUVMRC5wcm9wZXJ0eU5hbWVcIjogXCJ+bmVzdGVkXCIsXG5cdFx0XCJAQFVJLmdldERhdGFNb2RlbE9iamVjdFBhdGhcIjogXCIvcGF0aFwiXG5cdH07XG5cblx0aXQoXCJEYXRhRmllbGREZWZhdWx0XCIsIGFzeW5jIGZ1bmN0aW9uKCkge1xuXHRcdGNvbnN0IHhtbCA9IGF3YWl0IHByb2Nlc3NGcmFnbWVudChcInNhcC5mZS5tYWNyb3MuZm9ybS5Gb3JtRWxlbWVudFwiLCB7XG5cdFx0XHR0aGlzOiB0aGlzUmVmLFxuXHRcdFx0ZGF0YUZpZWxkOiB7IFwiQGNvbS5zYXAudm9jYWJ1bGFyaWVzLlVJLnYxLkRhdGFGaWVsZERlZmF1bHRcIjogZGF0YUZpZWxkIH1cblx0XHR9KTtcblx0XHRleHBlY3QoeG1sKS50b01hdGNoU25hcHNob3QoKTtcblx0fSk7XG5cblx0aXQoXCJGaWVsZCB3aXRoIGxhYmVsIGZyb20gYW5ub3RhdGlvblwiLCBhc3luYyBmdW5jdGlvbigpIHtcblx0XHRjb25zdCB4bWwgPSBhd2FpdCBwcm9jZXNzRnJhZ21lbnQoXCJzYXAuZmUubWFjcm9zLmZvcm0uRm9ybUVsZW1lbnRcIiwge1xuXHRcdFx0dGhpczogdGhpc1JlZixcblx0XHRcdGRhdGFGaWVsZDoge1xuXHRcdFx0XHRcIkBjb20uc2FwLnZvY2FidWxhcmllcy5Db21tb24udjEuTGFiZWxcIjogXCJ+TGFiZWxGcm9tQW5ub3RhdGlvblwiXG5cdFx0XHR9XG5cdFx0fSk7XG5cdFx0ZXhwZWN0KHhtbCkudG9NYXRjaFNuYXBzaG90KCk7XG5cdH0pO1xuXG5cdGl0KFwiRmllbGQgd2l0aCBsYWJlbCBmcm9tIG1ldGFkYXRhXCIsIGFzeW5jIGZ1bmN0aW9uKCkge1xuXHRcdGNvbnN0IHhtbCA9IGF3YWl0IHByb2Nlc3NGcmFnbWVudChcInNhcC5mZS5tYWNyb3MuZm9ybS5Gb3JtRWxlbWVudFwiLCB7XG5cdFx0XHR0aGlzOiB0aGlzUmVmLFxuXHRcdFx0ZGF0YUZpZWxkOiB7XG5cdFx0XHRcdFwiQEBNT0RFTC5sYWJlbFwiOiBcIn5MYWJlbEZyb21NZXRhZGF0YVwiXG5cdFx0XHR9XG5cdFx0fSk7XG5cdFx0ZXhwZWN0KHhtbCkudG9NYXRjaFNuYXBzaG90KCk7XG5cdH0pO1xuXG5cdGl0KFwiRmllbGQgaW4gZGlzcGxheSBtb2RlXCIsIGFzeW5jIGZ1bmN0aW9uKCkge1xuXHRcdGNvbnN0IHhtbCA9IGF3YWl0IHByb2Nlc3NGcmFnbWVudChcInNhcC5mZS5tYWNyb3MuZm9ybS5Gb3JtRWxlbWVudFwiLCB7XG5cdFx0XHR0aGlzOiB7IC4uLnRoaXNSZWYsIGRpc3BsYXlNb2RlOiBcInRydWVcIiB9LFxuXHRcdFx0ZGF0YUZpZWxkXG5cdFx0fSk7XG5cdFx0ZXhwZWN0KHhtbCkudG9NYXRjaFNuYXBzaG90KCk7XG5cdH0pO1xufSk7XG4iXX0=

package/packages/sap.fe.macros/test/sap/fe/macros/jest/form/FormElement.spec.ts

@@ -0,0 +1,54 @@
+import { processFragment } from "sap/fe/test/JestTemplatingHelper";
+
+import * as FieldTemplating from "sap/fe/macros/field/FieldTemplating";
+
+// @ts-ignore
+FieldTemplating.getVisibleExpression = jest.fn().mockReturnValue("~visibleExpression");
+
+describe("Fragment: FormElement", function() {
+	const thisRef = {
+		_flexId: "~flexId",
+		onChange: "~onChange",
+		displayMode: "false"
+	};
+	const dataField = {
+		"@@FIELD.propertyName": "~nested",
+		"@@UI.getDataModelObjectPath": "/path"
+	};
+
+	it("DataFieldDefault", async function() {
+		const xml = await processFragment("sap.fe.macros.form.FormElement", {
+			this: thisRef,
+			dataField: { "@com.sap.vocabularies.UI.v1.DataFieldDefault": dataField }
+		});
+		expect(xml).toMatchSnapshot();
+	});
+
+	it("Field with label from annotation", async function() {
+		const xml = await processFragment("sap.fe.macros.form.FormElement", {
+			this: thisRef,
+			dataField: {
+				"@com.sap.vocabularies.Common.v1.Label": "~LabelFromAnnotation"
+			}
+		});
+		expect(xml).toMatchSnapshot();
+	});
+
+	it("Field with label from metadata", async function() {
+		const xml = await processFragment("sap.fe.macros.form.FormElement", {
+			this: thisRef,
+			dataField: {
+				"@@MODEL.label": "~LabelFromMetadata"
+			}
+		});
+		expect(xml).toMatchSnapshot();
+	});
+
+	it("Field in display mode", async function() {
+		const xml = await processFragment("sap.fe.macros.form.FormElement", {
+			this: { ...thisRef, displayMode: "true" },
+			dataField
+		});
+		expect(xml).toMatchSnapshot();
+	});
+});

package/packages/sap.fe.macros/test/sap/fe/macros/jest/form/__snapshots__/FormElement.spec.ts.snap

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Fragment: FormElement DataFieldDefault 1`] = `
+"<f:FormElement xmlns:f=\\"sap.ui.layout.form\\" xmlns:ns1=\\"http://schemas.sap.com/sapui5/preprocessorextension/sap.fe.unittesting/1\\" ns1:id=\\"FormElement\\" id=\\"~flexId_FormElement\\" label=\\"[LABEL_MISSING: ~nested]\\" visible=\\"~visibleExpression\\">
+    <internalMacro:Field xmlns:internalMacro=\\"sap.fe.macros.internal\\" _flexId=\\"~flexId\\" entitySet=\\"{entitySet&gt;}\\" dataField=\\"{dataField&gt;}\\" onChange=\\"~onChange\\">
+        <internalMacro:formatOptions textAlignMode=\\"Form\\" showEmptyIndicator=\\"true\\"/>
+    </internalMacro:Field>
+</f:FormElement>"
+`;
+
+exports[`Fragment: FormElement Field in display mode 1`] = `
+"<f:FormElement xmlns:f=\\"sap.ui.layout.form\\" xmlns:ns1=\\"http://schemas.sap.com/sapui5/preprocessorextension/sap.fe.unittesting/1\\" ns1:id=\\"FormElement\\" id=\\"~flexId_FormElement\\" label=\\"[LABEL_MISSING: ~nested]\\" visible=\\"~visibleExpression\\">
+    <internalMacro:Field xmlns:internalMacro=\\"sap.fe.macros.internal\\" editMode=\\"Display\\" _flexId=\\"~flexId\\" entitySet=\\"{entitySet&gt;}\\" dataField=\\"{dataField&gt;}\\" onChange=\\"~onChange\\">
+        <internalMacro:formatOptions textAlignMode=\\"Form\\" showEmptyIndicator=\\"true\\"/>
+    </internalMacro:Field>
+</f:FormElement>"
+`;
+
+exports[`Fragment: FormElement Field with label from annotation 1`] = `
+"<f:FormElement xmlns:f=\\"sap.ui.layout.form\\" xmlns:ns1=\\"http://schemas.sap.com/sapui5/preprocessorextension/sap.fe.unittesting/1\\" ns1:id=\\"FormElement\\" id=\\"~flexId_FormElement\\" label=\\"~LabelFromAnnotation\\" visible=\\"~visibleExpression\\">
+    <internalMacro:Field xmlns:internalMacro=\\"sap.fe.macros.internal\\" _flexId=\\"~flexId\\" entitySet=\\"{entitySet&gt;}\\" dataField=\\"{dataField&gt;}\\" onChange=\\"~onChange\\">
+        <internalMacro:formatOptions textAlignMode=\\"Form\\" showEmptyIndicator=\\"true\\"/>
+    </internalMacro:Field>
+</f:FormElement>"
+`;
+
+exports[`Fragment: FormElement Field with label from metadata 1`] = `
+"<f:FormElement xmlns:f=\\"sap.ui.layout.form\\" xmlns:ns1=\\"http://schemas.sap.com/sapui5/preprocessorextension/sap.fe.unittesting/1\\" ns1:id=\\"FormElement\\" id=\\"~flexId_FormElement\\" label=\\"~LabelFromMetadata\\" visible=\\"~visibleExpression\\">
+    <internalMacro:Field xmlns:internalMacro=\\"sap.fe.macros.internal\\" _flexId=\\"~flexId\\" entitySet=\\"{entitySet&gt;}\\" dataField=\\"{dataField&gt;}\\" onChange=\\"~onChange\\">
+        <internalMacro:formatOptions textAlignMode=\\"Form\\" showEmptyIndicator=\\"true\\"/>
+    </internalMacro:Field>
+</f:FormElement>"
+`;