@openui5/sap.ui.mdc 1.93.3 → 1.96.1

package/test/sap/ui/mdc/testutils/opa/TestLibrary.js

@@ -1,10 +1,11 @@
 /*!
  * ${copyright}
  */
-
 sap.ui.define([
 	"sap/ui/test/Opa5",
-	"test-resources/sap/ui/mdc/testutils/opa/table/TestObjects"
+	"test-resources/sap/ui/mdc/testutils/opa/table/TestObjects",
+	"test-resources/sap/ui/mdc/testutils/opa/filterbar/TestObjects",
+	"test-resources/sap/ui/mdc/testutils/opa/chartNew/TestObjects"
 ], function() {
 	"use strict";
 });

package/test/sap/ui/mdc/testutils/opa/actions/OpenContextMenu.js

@@ -0,0 +1,48 @@
+/*!
+ * ${copyright}
+ */
+
+sap.ui.define([
+	"sap/ui/test/actions/Action"
+], function(Action) {
+	"use strict";
+
+	/**
+	 * @class
+	 * The <code>ContextMenu</code> action is used to simulate a right-click interaction
+	 * with a control.
+	 *
+	 * @extends sap.ui.test.actions.Action
+	 * @public
+	 * @alias sap.ui.mdc.ActionToolbarTesting.pages.OpenContextMenu
+	 * @author SAP SE
+	 * @since 1.96
+	 */
+	var ContextMenu = Action.extend("sap.ui.mdc.ActionToolbarTesting.pages.OpenContextMenu", /** @lends sap.ui.mdc.ActionToolbarTesting.pages.OpenContextMenu.prototype */ {
+		metadata : {
+			publicMethods : [ "executeOn" ]
+		},
+
+		/**
+		 * Focuses on a given control and triggers a <code>contextmenu</code> event for it.
+		 * Logs an error if the control is not visible (for example, if it has no DOM representation)
+		 *
+		 * @param {sap.ui.core.Control} oControl The control on which the <code>contextmenu</code> event is triggered
+		 * @public
+		 */
+		executeOn : function (oControl) {
+			var $ActionDomRef = this.$(oControl);
+
+			if ($ActionDomRef.length) {
+				this.oLogger.timestamp("sap.ui.comp.actions.ContextMenu");
+				this.oLogger.debug("Right-clicked the control " + oControl);
+
+				this._tryOrSimulateFocusin($ActionDomRef, oControl);
+
+				$ActionDomRef.triggerHandler("contextmenu");
+			}
+		}
+	});
+
+	return ContextMenu;
+});

package/test/sap/ui/mdc/testutils/opa/chartNew/ActionsBase.js

@@ -0,0 +1,310 @@
+sap.ui.define([
+    "sap/ui/test/actions/Press",
+    "sap/base/Log",
+    "sap/ui/test/matchers/Ancestor",
+    "sap/ui/test/matchers/PropertyStrictEquals"
+], function (Press, Log, Ancestor, PropertyStrictEquals) {
+	"use strict";
+
+    var oCore = sap.ui.test.Opa5.getWindow().sap.ui.getCore();
+
+    var waitForMDCChartWithId = function(sId, oSettings) {
+        return this.waitFor({
+            id: sId,
+            controlType: "sap.ui.mdc.ChartNew",
+            success: function(oMDCChartNew) {
+                if (oSettings && typeof oSettings.success === "function") {
+                    oSettings.success.call(this, oMDCChartNew);
+                }
+            },
+            actions: oSettings.actions ? oSettings.actions : []
+        });
+    };
+
+    var iClickOnOverflowToolbarButton = function(oMDCChart, oSettings) {
+        this.waitFor({
+            controlType: "sap.m.OverflowToolbar",
+            matchers: new Ancestor(oMDCChart),
+            success: function(aOverflowToolbars) {
+                var oOverflowToolbar = aOverflowToolbars[0];
+                oSettings.matchers.push(new Ancestor(oOverflowToolbar, false));
+                this.waitFor({
+                    controlType: oSettings.controlType,
+                    matchers: oSettings.matchers,
+                    actions: new Press()
+                });
+
+                if (oSettings && typeof oSettings.success === "function") {
+                    oSettings.success.call(this);
+                }
+            }
+        });
+    };
+
+
+    var iClickOnOverflowToolbarButtonWithIcon = function(oMDCChart, sIcon, oSettings) {
+
+        var oTempSettings = oSettings ? oSettings : {};
+        oTempSettings.controlType =  "sap.m.OverflowToolbarButton";
+        oTempSettings.matchers = [
+            new PropertyStrictEquals({
+                name: "icon",
+                value: sIcon
+            })
+        ];
+
+        iClickOnOverflowToolbarButton.call(this, oMDCChart, oTempSettings);
+    };
+
+    var iClickOnOverflowToolbarToggleButtonWithIcon = function(oMDCChart, sIcon, oSettings) {
+
+        var oTempSettings = oSettings ? oSettings : {};
+        oTempSettings.controlType =  "sap.m.OverflowToolbarToggleButton";
+        oTempSettings.matchers = [
+            new PropertyStrictEquals({
+                name: "icon",
+                value: sIcon
+            })
+        ];
+
+        iClickOnOverflowToolbarButton.call(this, oMDCChart, oTempSettings);
+    };
+
+    var iClickOnButtonWithText = function(oMDCChart, sText, oSettings) {
+
+        var oTempSettings = oSettings ? oSettings : {};
+        oTempSettings.controlType =  "sap.m.Button";
+        oTempSettings.matchers = [
+            new PropertyStrictEquals({
+                name: "text",
+                value: sText
+            })
+        ];
+
+        iClickOnOverflowToolbarButton.call(this, oMDCChart, oTempSettings);
+    };
+
+	return {
+        /**
+         * Clicks on the "Zoom In" button in the toolbar of a mdc chart.
+         * @param {string} sId The id of the mdc chart
+         */
+        iClickOnZoomIn : function(sId){
+            waitForMDCChartWithId.call(this, sId, {
+                success: function(oMDCChart){
+                    iClickOnOverflowToolbarButtonWithIcon.call(this, oMDCChart, "sap-icon://zoom-in");
+                }
+            });
+        },
+
+        /**
+         * Clicks on the "Zoom Out" button in the toolbar of a mdc chart.
+         * @param {string} sId The id of the mdc chart
+         */
+        iClickOnZoomOut : function(sId){
+            waitForMDCChartWithId.call(this, sId, {
+                success: function(oMDCChart){
+                    iClickOnOverflowToolbarButtonWithIcon.call(this, oMDCChart, "sap-icon://zoom-out");
+                }
+            });
+        },
+
+        /**
+         * Clicks on the "Legend" toggle button in the toolbar of a mdc chart.
+         * @param {string} sId The id of the mdc chart
+         */
+        iClickOnTheLegendToggleButton : function(sId){
+            waitForMDCChartWithId.call(this, sId, {
+                success: function(oMDCChart){
+                    iClickOnOverflowToolbarToggleButtonWithIcon.call(this, oMDCChart, "sap-icon://legend");
+                }
+            });
+        },
+
+        /**
+         * Clicks on the "Show Details" button in the toolbar of a mdc chart.
+         * @param {*} sId The id of the mdc chart
+         */
+        iClickOnTheSelectionDetailsButton: function(sId){
+
+            waitForMDCChartWithId.call(this, sId, {
+                success: function(oMDCChart){
+                    this.waitFor({
+                        controlType: "sap.m.Button",
+                        id: sId + "-selectionDetails-button",
+                        actions: new Press()
+                    });
+                }
+            });
+        },
+
+        /**
+         * Clicks on the "Drilldown" button in the toolbar of a mdc chart.
+         * @param {string} sId The id of the mdc chart.
+         */
+        iClickOnTheDrillDownButton: function(sId){
+            waitForMDCChartWithId.call(this, sId, {
+                success: function(oMDCChart){
+                    iClickOnButtonWithText.call(this, oMDCChart, oCore.getLibraryResourceBundle("sap.ui.mdc").getText("chart.CHART_DRILLDOWN_TITLE"));
+                }
+            });
+        },
+
+        /**
+         * Clicks on the "Chart Type" button in the toolbar of a mdc chart.
+         * @param {string} sId The id of the mdc chart.
+         */
+        iClickOnTheChartTypeButton: function(sId, oSettings){
+            waitForMDCChartWithId.call(this, sId, {
+                success: function(oMDCChart){
+                    this.waitFor({
+                        controlType: "sap.ui.mdc.chart.ChartTypeButton",
+                        matchers: new Ancestor(oMDCChart),
+                        actions: new Press(),
+                        success: function(){
+                            if (oSettings && typeof oSettings.success === "function") {
+                                oSettings.success.call(this);
+                            }
+                        }
+                    });
+                }
+            });
+        },
+
+        /**
+         * Clicks on the "Personalisation" button in the toolbar of a mdc chart.
+         * @param {string} sId The id of the mdc chart.
+         */
+        iClickOnThePersonalisationButton: function(sId){
+            waitForMDCChartWithId.call(this, sId, {
+                success: function(oMDCChart){
+                    iClickOnOverflowToolbarButtonWithIcon.call(this, oMDCChart, "sap-icon://action-settings");
+                }
+            });
+        },
+
+        /**
+         * Selects a specific chart type for a mdc chart in an open chart type popover
+         * @param {string} sChartTypeName The name of the chart type
+         */
+        iSelectChartTypeInPopover: function(sChartTypeName){
+			return this.waitFor({
+				controlType: "sap.m.StandardListItem",
+				success: function(aListItems) {
+
+                    var oListItem = aListItems.filter(function(oItem){
+                        return oItem.getTitle() == sChartTypeName;
+                    })[0];
+
+                    if (!oListItem){
+                        Log.error("No chart type with name " + sChartTypeName + " was found in open popovers");
+                    } else {
+                        new Press().executeOn(oListItem);
+                    }
+				},
+				errorMessage: "No chartType list items found"
+			});
+        },
+
+        /**
+         * Clicks on an drill-down breadcrumb with given name for given mdc chart
+         * @param {string} sName The name of the chart type
+         * @param {string} sId Id of the mdc chart.
+         */
+        iClickOnTheBreadcrumbWithName: function(sName, sId){
+
+            waitForMDCChartWithId.call(this, sId, {
+                success: function(oMDCChart){
+                    this.waitFor({
+                        controlType: "sap.m.Link",
+                        matchers: new Ancestor(oMDCChart),
+                        success: function(aLinks){
+                            var aFilteredLinks = aLinks.filter(function(oLink){return (oLink.getText() === sName && oLink.getParent().getParent().getId() === sId);});
+
+                            if (aFilteredLinks.length == 1){
+                                new Press().executeOn(aFilteredLinks[0]);
+                            } else {
+                                Log.error("Expected 1 Link with text " + sName + " but found " + aFilteredLinks.length);
+                            }
+                        }
+                    });
+                }
+            });
+        },
+
+        /**
+         * Selects a specific dimension to drill-down for a mdc chart in an open chart drill-down popover
+         * @param {string} sDrillName Name of the Dimension which should be drilled-down
+         */
+        iSelectANewDrillDimensionInPopover: function(sDrillName){
+			return this.waitFor({
+				controlType: "sap.m.StandardListItem",
+				success: function(aListItems) {
+
+                    var oListItem = aListItems.filter(function(oItem){
+                        return oItem.getTitle() == sDrillName;
+                    })[0];
+
+                    if (!oListItem){
+                        Log.error("No chart type with name " + sDrillName + " was found in open popovers");
+                    } else {
+                        new Press().executeOn(oListItem);
+                    }
+				},
+				errorMessage: "No chartType list items found"
+			});
+        },
+
+        /**
+         * Performs a drill-down on the MDC Chart
+         * @param {string} sId The id of the MDC Chart
+         * @param {string} sDrillName Name of the Dimension which should be drilled-down.
+         */
+         iDrillDownInDimension: function(sId, sDrillName) {
+            waitForMDCChartWithId.call(this, sId, {
+                success: function(oMDCChart){
+                    iClickOnButtonWithText.call(this, oMDCChart, oCore.getLibraryResourceBundle("sap.ui.comp").getText("CHART_DRILLDOWNBTN_TEXT"), {
+                        success: function(){
+                            this.iSelectChartTypeInPopover(sDrillName);
+                        }
+                    });
+                }
+            });
+        },
+
+            /**
+         * Performs a drill-down on the MDC Chart
+         * @param {string} sId The id of the MDC Chart
+         * @param {string} sChartTypeName Name of the Dimension which should be drilled-down.
+         */
+        iSelectAChartType: function(sId, sChartTypeName) {
+            waitForMDCChartWithId.call(this, sId, {
+                success: function(oMDCChart){
+                    this.iClickOnTheChartTypeButton.call(this, sId, {
+                        success: function(){
+                            this.iSelectANewDrillDimensionInPopover(sChartTypeName);
+                        }
+                    });
+                }
+            });
+        },
+
+         /**
+         * Selects given datapoints on given chart.
+         * @param {array} aDataPoints Datapoint objects to select
+         * @param {string} sId Id of the mdc chart
+         */
+        iSelectTheDatapoint: function (aDataPoints, sId){
+
+        },
+
+        /**
+         * Selectes given categories (dimensions) for the given mdc chart
+         * @param {object} oCategories Categories to select
+         * @param {string} sId Id of the mdc chart
+         */
+        iSelectTheCategories: function (oCategories, sId){
+
+        }
+    };
+});

package/test/sap/ui/mdc/testutils/opa/chartNew/ActionsViz.js

@@ -0,0 +1,39 @@
+sap.ui.define([
+    "./ActionsBase",
+    "sap/ui/thirdparty/jquery"
+], function (ActionsBase, jQuery) {
+	"use strict";
+
+    var oActions = {
+        /**
+         * Selects given datapoints on given chart.
+         * <b>Note:</b> The API used on the inner chart for this seems unstable. Ensure the chart is 100% correctly set up, otherwise the call won't work and no error will be thrown
+         * @param {array} aDataPoints Datapoint objects to select (see sap.chart.Chart#setSelectedDataPoints)
+         * @param {string} sId Id of the mdc chart
+         */
+        iSelectTheDatapoint: function (aDataPoints, sId){
+            return this.waitFor({
+                id: sId,
+                success: function(oMDCChart){
+                    oMDCChart._getInnerChart().setSelectedDataPoints(aDataPoints);
+                }
+            });
+        },
+
+        /**
+         * Selectes given categories (dimensions) for the given mdc chart
+         * @param {object} oCategories Categories to select (see sap.chart.Chart#setSelectedCategories for more information)
+         * @param {string} sId Id of the mdc chart
+         */
+         iSelectTheCategories: function (oCategories, sId){
+            return this.waitFor({
+                id: sId,
+                success: function(oMDCChart){
+                        oMDCChart._getInnerChart().setSelectedCategories(oCategories);
+                }
+            });
+        }
+    };
+
+	return jQuery.extend(ActionsBase, oActions);
+});

package/test/sap/ui/mdc/testutils/opa/chartNew/AssertionsBase.js

@@ -0,0 +1,118 @@
+sap.ui.define([
+	"sap/ui/test/Opa5"
+], function (Opa5) {
+    "use strict";
+
+    return {
+        /**
+         * Assertion to check that there is a mdc chart visible on the screen.
+         */
+		iShouldSeeAChart: function() {
+		//return Opa5.assert.ok(true);
+
+			return this.waitFor({
+				controlType: "sap.ui.mdc.ChartNew",
+				check: function(aChart) {
+					return aChart.length === 1;
+				},
+				success: function(aChart) {
+					Opa5.assert.ok(aChart.length, 'MDC Chart is on the screen');
+				},
+				errorMessage: "No MDC Chart found"
+			});
+		},
+
+        /**
+         * Assertion to check that there is a legend visible on the screen for given mdc chart.
+         * @param {string} sId Id of the chart to be checked for a visible legend
+         */
+		iShouldSeeALegend: function(sId) {
+
+		},
+
+        /**
+         * Assertion to check that there is no legend visible on the screen for given mdc chart.
+         * @param {string} sId Id of the chart to be checked for a visible legend
+         */
+		iShouldSeeNoLegend: function(sId) {
+
+		},
+
+        /**
+         * Assertion to check that there is a chart type popover visible on the screen.
+         */
+		iShouldSeeAChartTypePopover: function() {
+
+			return this.waitFor({
+				controlType: "sap.m.Popover",
+				success: function(aPopovers) {
+					Opa5.assert.ok(aPopovers.length, "Dialogs were found");
+
+					var oDialog = aPopovers.filter(function(oDialog){return (oDialog.getId().toLowerCase().includes("btncharttypepopover"));})[0];
+					Opa5.assert.ok(oDialog, "Chart Type dialog is opened");
+				},
+				errorMessage: "No Dialogs found"
+			});
+
+		},
+
+        /**
+         * Assertion to check that there is chart visible with given chart type.
+         * @param {string} sChartId Id of the chart to be checked for a chart type
+         * @param {string} sChartType Chart type which should be selected for the given chart
+         */
+		iShouldSeeTheChartWithChartType: function(sChartId,  sChartType){
+
+		},
+
+        /**
+         * Assertion to check that there is a chart with given drillstack visible.
+         * @param {array} aCheckDrillStack Drillstack to check for
+         * @param {string} sChartId Id of the mdc chart
+         */
+		 iShouldSeeTheDrillStack: function(aCheckDrillStack, sChartId) {
+
+		},
+
+        /**
+         * Assertion to check that there is a drilldown popover visible.
+         */
+		iShouldSeeADrillDownPopover: function() {
+
+			return this.waitFor({
+				controlType: "sap.m.Popover",
+				success: function(aPopovers) {
+					Opa5.assert.ok(aPopovers.length, "Dialogs were found");
+
+					var oDialog = aPopovers.filter(function(oDialog){return (oDialog.getId().includes("drilldownPopover"));})[0];
+					Opa5.assert.ok(oDialog, "Drilldown dialog is opened");
+				},
+				errorMessage: "No Dialogs found"
+			});
+
+		},
+
+		/**
+         * Assertion to check that there is a drilldown popover visible.
+         */
+		iShouldSeeADetailsPopover: function() {
+			return this.waitFor({
+				controlType: "sap.m.Popover",
+				success: function(aPopovers) {
+					Opa5.assert.ok(aPopovers.length, "Dialogs were found");
+
+					var oDialog = aPopovers.filter(function(oDialog){return (oDialog.getId().includes("selectionDetails"));})[0];
+					Opa5.assert.ok(oDialog, "Details dialog is opened");
+				},
+				errorMessage: "No Dialogs found"
+			});
+		},
+		iShouldSeeVisibleDimensionsInOrder: function(aOrderedDimensionNames, sId) {
+
+		},
+		iShouldSeeVisibleMeasuresInOrder: function(aOrderedMeasureNames, sId) {
+
+		}
+
+    };
+});

package/test/sap/ui/mdc/testutils/opa/chartNew/AssertionsViz.js

@@ -0,0 +1,137 @@
+sap.ui.define([
+	"sap/ui/test/Opa5",
+	"./AssertionsBase",
+	"sap/ui/thirdparty/jquery",
+	"sap/ui/test/matchers/PropertyStrictEquals"
+], function (Opa5, AssertionsBase, jQuery, PropertyStrictEquals) {
+    "use strict";
+
+    var oAssertions = {
+
+		iShouldSeeALegend: function(sId) {
+			//return Opa5.assert.ok(true);
+			return this.waitFor({
+				id: sId,
+				success: function(oChart) {
+					Opa5.assert.ok(oChart._getInnerChart().getVizProperties().legend.visible, "Legend is visible");
+				},
+				errorMessage: "No Chart found"
+			});
+
+		},
+
+		iShouldSeeNoLegend: function(sId) {
+			//return Opa5.assert.ok(true);
+
+			return this.waitFor({
+				id: sId,
+				success: function(oChart) {
+					Opa5.assert.ok(!oChart._getInnerChart().getVizProperties().legend.visible, "Legend is not visible");
+				},
+				errorMessage: "No Chart found"
+			});
+
+		},
+
+		iShouldSeeTheChartWithChartType: function(sChartId,  sChartType){
+			return this.waitFor({
+				id: sChartId,
+				success: function(oChart) {
+					Opa5.assert.ok(oChart._getInnerChart().getChartType() === sChartType);
+				},
+				errorMessage: "No Chart found"
+			});
+		},
+
+		iShouldSeeTheDrillStack: function(aCheckDrillStack, sChartId) {
+
+			var arraysMatchElements = function (array1, array2) {
+
+				if (array1.length !== array2.length){
+					return false;
+				}
+
+				for (var i = 0; i < array1.length; i++) {
+					if (array1[i] !== array2[i]) {
+						return false;
+				}
+			}
+
+				return true;
+
+			};
+
+			return this.waitFor({
+				id: sChartId,
+				success: function(oChart) {
+
+					var aDrillStack = oChart._getInnerChart().getDrillStack();
+					var aStackDimensions = [];
+
+					aDrillStack.forEach(function(oStackEntry) {
+						// loop over nested dimension arrays
+						oStackEntry.dimension.forEach(function(sDimension) {
+							if (sDimension != null && sDimension != "" && aStackDimensions.indexOf(sDimension) == -1) {
+								aStackDimensions.push(sDimension);
+							}
+						});
+					});
+
+					Opa5.assert.ok(arraysMatchElements(aStackDimensions, aCheckDrillStack), "Drill stack is equal");
+				},
+				errorMessage: "No Chart found"
+			});
+		},
+
+		iShouldSeeVisibleDimensionsInOrder: function(aOrderedDimensionNames, sId) {
+			var aDomElements;
+			return this.waitFor({
+				controlType: "sap.chart.Chart",
+				matchers: new PropertyStrictEquals({
+					name: "id",
+					value: sId + "--innerChart"
+				}),
+				check: function() {
+					var frameJQuery = Opa5.getWindow().jQuery;
+					var fnControl = frameJQuery.sap.getObject("sap.chart.Chart");
+					aDomElements = Opa5.getPlugin().getAllControlsInContainer(frameJQuery('body'), fnControl);
+					return aDomElements[0].getVisibleDimensions().length === aOrderedDimensionNames.length;
+				},
+				success: function() {
+					Opa5.assert.equal(aDomElements.length, 1, "One sap.chart.Chart control found");
+					Opa5.assert.equal(aDomElements[0].getVisibleDimensions().length, aOrderedDimensionNames.length, "Chart contains " + aOrderedDimensionNames.length + " visible dimensions");
+					aDomElements[0].getVisibleDimensions().forEach(function(sDimensionName, iIndex) {
+						Opa5.assert.equal(sDimensionName, aOrderedDimensionNames[iIndex], "Dimension '" + sDimensionName + "' is visible on position " + (iIndex + 1));
+					});
+				}
+			});
+		},
+
+		iShouldSeeVisibleMeasuresInOrder: function(aOrderedMeasureNames, sId) {
+			var aDomElements;
+			return this.waitFor({
+				controlType: "sap.chart.Chart",
+				matchers: new PropertyStrictEquals({
+					name: "id",
+					value: sId + "--innerChart"
+				}),
+				check: function() {
+					var frameJQuery = Opa5.getWindow().jQuery;
+					var fnControl = frameJQuery.sap.getObject("sap.chart.Chart");
+					aDomElements = Opa5.getPlugin().getAllControlsInContainer(frameJQuery('body'), fnControl);
+					return aDomElements[0].getVisibleMeasures().length === aOrderedMeasureNames.length;
+				},
+				success: function() {
+					Opa5.assert.equal(aDomElements.length, 1, "One sap.chart.Chart control found");
+					Opa5.assert.equal(aDomElements[0].getVisibleMeasures().length, aOrderedMeasureNames.length, "Chart contains " + aOrderedMeasureNames.length + " visible measures");
+					aDomElements[0].getVisibleMeasures().forEach(function(sMeasureName, iIndex) {
+						Opa5.assert.equal(sMeasureName, aOrderedMeasureNames[iIndex], "Measure '" + sMeasureName + "' is visible on position " + (iIndex + 1));
+					});
+				}
+			});
+		}
+
+    };
+
+	return jQuery.extend(AssertionsBase, oAssertions);
+});

package/test/sap/ui/mdc/testutils/opa/chartNew/ChartNew.js

@@ -0,0 +1,24 @@
+/*!
+ * ${copyright}
+ */
+
+sap.ui.define([
+	"sap/ui/test/Opa5",
+	"sap/ui/mdc/integration/testlibrary/chartNew/ActionsViz",
+	"sap/ui/mdc/integration/testlibrary/chartNew/AssertionsViz"
+], function(
+	Opa5,
+	ChartActions,
+	ChartAssertions
+) {
+	"use strict";
+
+	Opa5.extendConfig({
+		testLibBase: {
+			mdcTestLibrary: {
+				actions: ChartActions,
+				assertions: ChartAssertions
+			}
+		}
+	});
+});