@coolon/angular-ui-powerups 12.4.0-alpha.19 → 12.4.0-alpha.20

package/bundles/coolon-angular-ui-powerups-cypress.umd.js

@@ -341,34 +341,28 @@
     exports.ElementLocator = void 0;
     (function (ElementLocator) {
         function findByCssSelector(selector) {
-            return {
-                findIn: function (parent) { return parent.dom().find(selector); },
-                shouldNotExist: function (p) { return p.dom().find(selector).should('not.exist'); }
-            };
+            return function (parent) { return parent.dom().find(selector); };
         }
         ElementLocator.findByCssSelector = findByCssSelector;
-        function findByTextContent(selector, text) {
-            return {
-                findIn: function (parent) {
-                    return parent.dom().contains(selector, text);
-                },
-                shouldNotExist: function (parent) {
-                    return parent.dom().should('not.contain', text);
-                }
-            };
+        function findByTextContent(text) {
+            return function (parent) { return parent.dom().contains(text); };
         }
         ElementLocator.findByTextContent = findByTextContent;
+        function findBySelectorAndTextContent(selector, text) {
+            return function (parent) { return parent.dom().contains(selector, text); };
+        }
+        ElementLocator.findBySelectorAndTextContent = findBySelectorAndTextContent;
     })(exports.ElementLocator || (exports.ElementLocator = {}));
 
     var PageElement = /** @class */ (function () {
         function PageElement(parent, selectorOrLocator) {
             this.parent = parent;
-            this.elementAccessStrategy = ___namespace.isString(selectorOrLocator) ?
+            this.domElementLocator = ___namespace.isString(selectorOrLocator) ?
                 exports.ElementLocator.findByCssSelector(selectorOrLocator) :
                 selectorOrLocator;
         }
         PageElement.prototype.dom = function () {
-            return this.elementAccessStrategy.findIn(this.parent);
+            return this.domElementLocator(this.parent);
         };
         PageElement.prototype.find = function (selector) {
             return new PageElement(this, selector);
@@ -399,43 +393,26 @@
             this.dom().should('exist');
         };
         PageElement.prototype.shouldNotExist = function () {
-            if (!this.elementAccessStrategy.shouldNotExist) {
-                this.dom().should('not.exist');
-            }
-            else {
-                this.elementAccessStrategy.shouldNotExist(this.parent);
-            }
+            this.dom().should('not.exist');
         };
         return PageElement;
     }());
 
-    var FaceElementLocator = /** @class */ (function () {
-        function FaceElementLocator(face) {
-            this.face = face;
-        }
-        FaceElementLocator.prototype.findIn = function (parent) {
-            return this.face.text ?
-                parent.dom().contains("aup-command-face", this.face.text()) :
-                this.face.icon ?
-                    parent.dom().find("aup-icon[ng-reflect-icon=" + this.face.icon() + "]").closest('aup-command-face') :
-                    undefined;
-        };
-        FaceElementLocator.prototype.shouldNotExist = function (parent) {
-            return this.face.text ?
-                parent.should('not.contain', "aup-command-face", this.face.text()) :
-                this.face.icon ?
-                    parent.should('not.contain', "aup-icon[ng-reflect-icon=" + this.face.icon() + "]") :
-                    undefined;
-        };
-        return FaceElementLocator;
-    }());
     var AupCommandFace = /** @class */ (function (_super) {
         __extends(AupCommandFace, _super);
         function AupCommandFace(parentElement, face) {
             return _super.call(this, parentElement, AupCommandFace.createElementLocator(face)) || this;
         }
         AupCommandFace.createElementLocator = function (face) {
-            return new FaceElementLocator(face);
+            var locator = function (parent) {
+                return face.text ?
+                    parent.dom().contains("aup-command-face", face.text()) :
+                    face.icon ?
+                        parent.dom().find("aup-icon[ng-reflect-icon=" + face.icon() + "]").closest('aup-command-face') :
+                        undefined;
+            };
+            // aot compiler doesn't like lambas
+            return locator;
         };
         return AupCommandFace;
     }(PageElement));
@@ -443,17 +420,12 @@
     var AupCommand = /** @class */ (function (_super) {
         __extends(AupCommand, _super);
         function AupCommand(parent, faceOrSelector) {
-            return _super.call(this, parent, {
-                findIn: function (parentElement) {
-                    if (___namespace.isString(faceOrSelector)) {
-                        return parentElement.dom().find(faceOrSelector);
-                    }
-                    else {
-                        return AupCommandFace.createElementLocator(faceOrSelector).findIn(parentElement).closest('aup-command');
-                    }
-                },
-                shouldNotExist: function (parentElement) {
-                    this.findIn(parentElement).should("not.exist");
+            return _super.call(this, parent, function (parentElement) {
+                if (___namespace.isString(faceOrSelector)) {
+                    return parentElement.dom().find(faceOrSelector);
+                }
+                else {
+                    return AupCommandFace.createElementLocator(faceOrSelector)(parentElement).closest('aup-command');
                 }
             }) || this;
         }
@@ -590,6 +562,59 @@
         AupInput.TextAreaInput = TextAreaInput;
     })(exports.AupInput || (exports.AupInput = {}));
 
+    var AupPopupMenuPanel = /** @class */ (function (_super) {
+        __extends(AupPopupMenuPanel, _super);
+        function AupPopupMenuPanel() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        return AupPopupMenuPanel;
+    }(PageElement));
+
+    var AupAbstractPopupMenu = /** @class */ (function (_super) {
+        __extends(AupAbstractPopupMenu, _super);
+        function AupAbstractPopupMenu(parent, locator) {
+            var _this = _super.call(this, parent, locator) || this;
+            _this.popup = new AupPopupMenuPanel(_this, function (p) { return _this.findPopupIn(p); });
+            return _this;
+        }
+        AupAbstractPopupMenu.prototype.findPopupIn = function (p) {
+            return this.getOverlay().find('.mat-menu-panel');
+        };
+        AupAbstractPopupMenu.prototype.getOverlay = function () {
+            return this.dom().closest('body').find('.cdk-overlay-container');
+        };
+        AupAbstractPopupMenu.prototype.getBackdrop = function () {
+            return this.getOverlay().find('.cdk-overlay-backdrop');
+        };
+        AupAbstractPopupMenu.prototype.openPopup = function () {
+            this.shouldNotBeOpen();
+            this.click();
+            return this.popup;
+        };
+        AupAbstractPopupMenu.prototype.closePopup = function () {
+            this.shouldBeOpen();
+            this.getBackdrop().click();
+        };
+        AupAbstractPopupMenu.prototype.shouldBeOpen = function () {
+            this.popup.shouldBeVisible();
+        };
+        AupAbstractPopupMenu.prototype.shouldNotBeOpen = function () {
+            this.dom().closest('body').find('.mat-menu-panel').should("not.exist");
+        };
+        return AupAbstractPopupMenu;
+    }(PageElement));
+
+    var AupMoreMenu = /** @class */ (function (_super) {
+        __extends(AupMoreMenu, _super);
+        function AupMoreMenu() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        AupMoreMenu.create = function (parent, selector) {
+            return new AupMoreMenu(parent, exports.ElementLocator.findByCssSelector(selector !== null && selector !== void 0 ? selector : 'aup-more-menu'));
+        };
+        return AupMoreMenu;
+    }(AupAbstractPopupMenu));
+
     var AupNavigation = /** @class */ (function (_super) {
         __extends(AupNavigation, _super);
         function AupNavigation() {
@@ -620,12 +645,8 @@
         };
         AupTableCell.prototype.row = function () {
             var self = this;
-            return this.parent.createRow({
-                findIn: function (parent) {
-                    return self.rowId().then(function (rowId) {
-                        return parent.dom().find(exports.AupAbstractTable.cssSelectorForTableRowById(rowId));
-                    });
-                }
+            return this.parent.createRow(function (parent) {
+                return self.rowId().then(function (rowId) { return parent.dom().find(exports.AupAbstractTable.cssSelectorForTableRowById(rowId)); });
             });
         };
         return AupTableCell;
@@ -640,10 +661,8 @@
         }
         AupTableColumn.prototype.cellContaining = function (content) {
             var self = this;
-            return new AupTableCell(this.parent, {
-                findIn: function (parent) {
-                    return parent.dom().contains(exports.AupAbstractTable.cssSelectorForColumnCellRendererById(self.columnId), content);
-                }
+            return new AupTableCell(this.parent, function (parent) {
+                return parent.dom().contains(exports.AupAbstractTable.cssSelectorForColumnCellRendererById(self.columnId), content);
             });
         };
         AupTableColumn.prototype.rowContaining = function (content) {
@@ -668,17 +687,13 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         AupAbstractTable.prototype.row = function (rowId) {
-            return this.createRow({
-                findIn: function (parent) {
-                    return parent.dom().find(AupAbstractTable.cssSelectorForTableRowById(rowId));
-                }
+            return this.createRow(function (parent) {
+                return parent.dom().find(AupAbstractTable.cssSelectorForTableRowById(rowId));
             });
         };
         AupAbstractTable.prototype.rowNumber = function (rowNumber) {
-            return this.createRow({
-                findIn: function (parent) {
-                    return parent.dom().find(AupAbstractTable.cssSelectorForNthTableRow(rowNumber));
-                }
+            return this.createRow(function (parent) {
+                return parent.dom().find(AupAbstractTable.cssSelectorForNthTableRow(rowNumber));
             });
         };
         AupAbstractTable.prototype.column = function (columnId) {
@@ -732,12 +747,10 @@
         };
         AupTableRow.prototype.cell = function (columnOrId) {
             var self = this;
-            return new AupTableCell(this.parent, {
-                findIn: function (parent) {
-                    return self.rowId()
-                        .then(function (rowId) { return exports.AupAbstractTable.cssSelectorForCell(rowId, columnOrId); })
-                        .then(function (selector) { return parent.dom().find(selector); });
-                }
+            return new AupTableCell(this.parent, function (parent) {
+                return self.rowId()
+                    .then(function (rowId) { return exports.AupAbstractTable.cssSelectorForCell(rowId, columnOrId); })
+                    .then(function (selector) { return parent.dom().find(selector); });
             });
         };
         AupTableRow.prototype.shouldBeSelected = function () {
@@ -827,7 +840,7 @@
     var Button = /** @class */ (function (_super) {
         __extends(Button, _super);
         function Button(parentElementAccessor, buttonText) {
-            return _super.call(this, parentElementAccessor, exports.ElementLocator.findByTextContent('button', buttonText)) || this;
+            return _super.call(this, parentElementAccessor, exports.ElementLocator.findBySelectorAndTextContent('button', buttonText)) || this;
         }
         return Button;
     }(FormElementMixin(PageElement)));
@@ -835,7 +848,7 @@
     var MatCheckbox = /** @class */ (function (_super) {
         __extends(MatCheckbox, _super);
         function MatCheckbox(parentElementAccessor, text) {
-            return _super.call(this, parentElementAccessor, exports.ElementLocator.findByTextContent('mat-checkbox', text)) || this;
+            return _super.call(this, parentElementAccessor, exports.ElementLocator.findBySelectorAndTextContent('mat-checkbox', text)) || this;
         }
         MatCheckbox.prototype.shouldBeChecked = function () {
             this.hiddenCheckBoxElement().should('be.checked');
@@ -878,14 +891,7 @@
             return this.createContainerElement(PageElement, selector, builder);
         };
         Builder.prototype.contains = function (text) {
-            return new PageElement(this.parentPageElement, {
-                findIn: function (parent) {
-                    return parent.dom().contains(text);
-                },
-                shouldNotExist: function (parent) {
-                    return parent.dom().should('not.contain', text);
-                }
-            });
+            return new PageElement(this.parentPageElement, exports.ElementLocator.findByTextContent(text));
         };
         Builder.prototype.button = function (text) {
             return new Button(this.parentPageElement, text);
@@ -914,6 +920,9 @@
         Builder.prototype.aupSideNavigation = function () {
             return new AupNavigation(this.parentPageElement, 'aup-list-place-nav');
         };
+        Builder.prototype.aupMoreMenu = function (selector) {
+            return AupMoreMenu.create(this.parentPageElement, selector);
+        };
         Builder.prototype.aupTable = function (selectorOrBuilder, optionalBuilder) {
             return this.createContainerElement(AupTable, selectorOrBuilder, optionalBuilder, 'aup-table');
         };
@@ -1196,15 +1205,16 @@
         return AupCommandGroup;
     }(PageElement));
 
-    var AupMoreMenu = /** @class */ (function (_super) {
-        __extends(AupMoreMenu, _super);
-        function AupMoreMenu() {
+    var AupToolBar = /** @class */ (function (_super) {
+        __extends(AupToolBar, _super);
+        function AupToolBar() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        AupMoreMenu.create = function (parent) {
-            return new AupMoreMenu(parent, 'aup-more-menu');
+        AupToolBar.create = function (parent, face) {
+            // const findFace = AupCommandFace.createFinder(() => parent.element(), face)
+            // return new AupCommandGroup(() => findFace().closest('button'));
         };
-        return AupMoreMenu;
+        return AupToolBar;
     }(PageElement));
 
     var AupPopupMenu = /** @class */ (function (_super) {
@@ -1212,33 +1222,14 @@
         function AupPopupMenu(parentElementAccessor, face) {
             var _this = this;
             var locator = AupCommandFace.createElementLocator(face);
-            _this = _super.call(this, parentElementAccessor, {
-                findIn: function (parent) {
-                    return locator.findIn(parent).closest('button');
-                },
-                shouldNotExist: function (parent) {
-                    locator.shouldNotExist(parent);
-                }
-            }) || this;
+            _this = _super.call(this, parentElementAccessor, function (parent) { return locator(parent).closest('button'); }) || this;
             return _this;
         }
         AupPopupMenu.create = function (parent, face) {
             return new AupPopupMenu(parent, face);
         };
         return AupPopupMenu;
-    }(PageElement));
-
-    var AupToolBar = /** @class */ (function (_super) {
-        __extends(AupToolBar, _super);
-        function AupToolBar() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        AupToolBar.create = function (parent, face) {
-            // const findFace = AupCommandFace.createFinder(() => parent.element(), face)
-            // return new AupCommandGroup(() => findFace().closest('button'));
-        };
-        return AupToolBar;
-    }(PageElement));
+    }(AupAbstractPopupMenu));
 
     var AupTableSelectionCell = /** @class */ (function (_super) {
         __extends(AupTableSelectionCell, _super);
@@ -1259,6 +1250,7 @@
      */
 
     exports.AupAbstractActivity = AupAbstractActivity;
+    exports.AupAbstractPopupMenu = AupAbstractPopupMenu;
     exports.AupActivity = AupActivity;
     exports.AupAlert = AupAlert;
     exports.AupCommand = AupCommand;
@@ -1270,6 +1262,7 @@
     exports.AupMoreMenu = AupMoreMenu;
     exports.AupNavigation = AupNavigation;
     exports.AupPopupMenu = AupPopupMenu;
+    exports.AupPopupMenuPanel = AupPopupMenuPanel;
     exports.AupTable = AupTable;
     exports.AupTableCell = AupTableCell;
     exports.AupTableColumn = AupTableColumn;
@@ -1279,7 +1272,6 @@
     exports.AupToolBar = AupToolBar;
     exports.Builder = Builder;
     exports.Button = Button;
-    exports.FaceElementLocator = FaceElementLocator;
     exports.FormElementMixin = FormElementMixin;
     exports.MatCheckbox = MatCheckbox;
     exports.PageBuilder = PageBuilder;