@coolon/angular-ui-powerups 12.4.0-alpha.17 → 12.4.0-alpha.18

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

@@ -338,27 +338,43 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    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'); }
+            };
+        }
+        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);
+                }
+            };
+        }
+        ElementLocator.findByTextContent = findByTextContent;
+    })(exports.ElementLocator || (exports.ElementLocator = {}));
+
     var PageElement = /** @class */ (function () {
-        function PageElement(parent, selector) {
-            this.parentElementAccessor = parent instanceof PageElement ? function () { return parent.element(); } : parent;
-            this.elementAccessStrategy = ___namespace.isString(selector) ? {
-                findIn: function (p) { return p.find(selector); },
-                shouldNotExist: function (p) { return p.find(selector).should('not.exist'); }
-            } : selector;
+        function PageElement(parent, selectorOrLocator) {
+            this.parent = parent;
+            this.elementAccessStrategy = ___namespace.isString(selectorOrLocator) ?
+                exports.ElementLocator.findByCssSelector(selectorOrLocator) :
+                selectorOrLocator;
         }
-        PageElement.prototype.element = function () {
-            var parent = this.getParentElement();
-            return parent ? this.elementAccessStrategy.findIn(parent) : undefined;
-        };
-        PageElement.prototype.getParentElement = function () {
-            return this.parentElementAccessor ? this.parentElementAccessor() : undefined;
+        PageElement.prototype.dom = function () {
+            return this.elementAccessStrategy.findIn(this.parent);
         };
         PageElement.prototype.find = function (selector) {
-            var _this = this;
-            return new PageElement(function () { return _this.element(); }, selector);
+            return new PageElement(this, selector);
         };
         PageElement.prototype.click = function (text) {
-            text ? this.element().contains(text).click() : this.element().click();
+            text ? this.dom().contains(text).click() : this.dom().click();
         };
         Object.defineProperty(PageElement.prototype, "should", {
             get: function () {
@@ -371,47 +387,55 @@
             return element.should.bind(element);
         };
         PageElement.prototype.getShouldElement = function () {
-            return this.element();
+            return this.dom();
         };
         PageElement.prototype.shouldBeVisible = function () {
             this.should('be.visible');
         };
         PageElement.prototype.shouldNotBeVisible = function () {
+            this.should('not.be.visible');
+        };
+        PageElement.prototype.shouldExist = function () {
+            this.dom().should('exist');
+        };
+        PageElement.prototype.shouldNotExist = function () {
             if (!this.elementAccessStrategy.shouldNotExist) {
-                typescriptUtilities.lang.abstractMethod(this.constructor);
+                this.dom().should("not.exist");
+            }
+            else {
+                this.elementAccessStrategy.shouldNotExist(this.parent);
             }
-            this.elementAccessStrategy.shouldNotExist(this.getParentElement());
         };
         return PageElement;
     }());
 
-    var FaceAccessor = /** @class */ (function () {
-        function FaceAccessor(face) {
+    var FaceElementLocator = /** @class */ (function () {
+        function FaceElementLocator(face) {
             this.face = face;
         }
-        FaceAccessor.prototype.findIn = function (parent) {
+        FaceElementLocator.prototype.findIn = function (parent) {
             return this.face.text ?
-                parent.contains("aup-command-face", this.face.text()) :
+                parent.dom().contains("aup-command-face", this.face.text()) :
                 this.face.icon ?
-                    parent.find("aup-icon[ng-reflect-icon=" + this.face.icon() + "]").closest('aup-command-face') :
+                    parent.dom().find("aup-icon[ng-reflect-icon=" + this.face.icon() + "]").closest('aup-command-face') :
                     undefined;
         };
-        FaceAccessor.prototype.shouldNotExist = function (parent) {
+        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 FaceAccessor;
+        return FaceElementLocator;
     }());
     var AupCommandFace = /** @class */ (function (_super) {
         __extends(AupCommandFace, _super);
         function AupCommandFace(parentElement, face) {
-            return _super.call(this, function () { return parentElement.element(); }, AupCommandFace.createAccessor(face)) || this;
+            return _super.call(this, parentElement, AupCommandFace.createElementLocator(face)) || this;
         }
-        AupCommandFace.createAccessor = function (face) {
-            return new FaceAccessor(face);
+        AupCommandFace.createElementLocator = function (face) {
+            return new FaceElementLocator(face);
         };
         return AupCommandFace;
     }(PageElement));
@@ -422,10 +446,10 @@
             return _super.call(this, parent, {
                 findIn: function (parentElement) {
                     if (___namespace.isString(faceOrSelector)) {
-                        return parentElement.find(faceOrSelector);
+                        return parentElement.dom().find(faceOrSelector);
                     }
                     else {
-                        return AupCommandFace.createAccessor(faceOrSelector).findIn(parentElement).closest('aup-command');
+                        return AupCommandFace.createElementLocator(faceOrSelector).findIn(parentElement).closest('aup-command');
                     }
                 },
                 shouldNotExist: function (parentElement) {
@@ -443,7 +467,7 @@
             this.getButton().should('be.disabled');
         };
         AupCommand.prototype.getButton = function () {
-            return this.element().find('button');
+            return this.dom().find('button');
         };
         return AupCommand;
     }(PageElement));
@@ -454,7 +478,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         AupEmptyState.prototype.shouldContainText = function (text) {
-            this.element().should("contain.text", text);
+            this.dom().should("contain.text", text);
         };
         return AupEmptyState;
     }(PageElement));
@@ -465,13 +489,13 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         AupInput.prototype.label = function () {
-            return this.element().find('label');
+            return this.dom().find('label');
         };
         AupInput.prototype.hint = function () {
-            return this.element().find('mat-hint');
+            return this.dom().find('mat-hint');
         };
         AupInput.prototype.error = function () {
-            return this.element().find('mat-error');
+            return this.dom().find('mat-error');
         };
         Object.defineProperty(AupInput.prototype, "labelShould", {
             get: function () {
@@ -524,7 +548,7 @@
                 return _super !== null && _super.apply(this, arguments) || this;
             }
             HtmlInput.prototype.input = function () {
-                return this.element().find('input');
+                return this.dom().find('input');
             };
             HtmlInput.prototype.clear = function () {
                 this.input().clear();
@@ -550,7 +574,7 @@
                 return this.input();
             };
             TextAreaInput.prototype.input = function () {
-                return this.element().find('textarea');
+                return this.dom().find('textarea');
             };
             TextAreaInput.prototype.clear = function () {
                 this.input().clear();
@@ -581,61 +605,148 @@
             this.face(label).shouldBeVisible();
         };
         AupNavigation.prototype.shouldNotHaveLink = function (label) {
-            this.face(label).shouldNotBeVisible();
+            this.face(label).shouldNotExist();
         };
         return AupNavigation;
     }(PageElement));
 
     exports.AupTable = /** @class */ (function (_super) {
         __extends(AupTable, _super);
-        function AupTable(parentElementAccessor, selector) {
-            return _super.call(this, parentElementAccessor, selector) || this;
+        function AupTable() {
+            return _super !== null && _super.apply(this, arguments) || this;
         }
         AupTable.prototype.row = function (rowId) {
-            var _this = this;
-            return new AupTable.Row(function () { return _this.element(); }, "tr[aup-table-id=" + rowId + "]");
+            return new AupTable.Row(this, AupTable.cssSelectorForTableRowById(rowId));
+        };
+        AupTable.prototype.rowNumber = function (rowNumber) {
+            return new AupTable.Row(this, AupTable.cssSelectorForNthTableRow(rowNumber));
         };
         AupTable.prototype.column = function (columnId) {
             return new AupTable.Column(this, columnId);
         };
+        AupTable.prototype.selectionColumn = function () {
+            return new AupTable.SelectionColumn(this, 'selection-column');
+        };
         return AupTable;
     }(PageElement));
     (function (AupTable) {
+        function cssSelectorForTableRowById(rowId) {
+            return "tbody tr[aup-row-id=" + rowId + "]";
+        }
+        AupTable.cssSelectorForTableRowById = cssSelectorForTableRowById;
+        function cssSelectorForNthTableRow(rowNumber) {
+            return "tbody tr:nth-child(" + rowNumber + ")";
+        }
+        AupTable.cssSelectorForNthTableRow = cssSelectorForNthTableRow;
+        function cssSelectorForColumnCellRendererById(columnId) {
+            return "aup-table-cell-renderer[column-id=" + columnId + "]";
+        }
+        AupTable.cssSelectorForColumnCellRendererById = cssSelectorForColumnCellRendererById;
+        function cssSelectorForCell(rowId, columnId) {
+            return cssSelectorForTableRowById(rowId) + " " + cssSelectorForColumnCellRendererById(columnId);
+        }
+        AupTable.cssSelectorForCell = cssSelectorForCell;
         var Row = /** @class */ (function (_super) {
             __extends(Row, _super);
-            function Row() {
-                return _super !== null && _super.apply(this, arguments) || this;
+            function Row(table, selectorOrLocator) {
+                var _this = 
+                // @ts-ignore
+                _super.call(this, table, selectorOrLocator) || this;
+                _this.table = table;
+                return _this;
             }
+            Row.prototype.rowId = function () {
+                return this.dom()
+                    .invoke('attr', 'aup-row-id');
+            };
+            Row.prototype.shouldHaveRowId = function (rowId) {
+                this.rowId().should("eq", rowId);
+            };
+            Row.prototype.cell = function (columnOrId) {
+                var self = this;
+                var columnId = ___namespace.isString(columnOrId) ? columnOrId : columnOrId.columnId;
+                return new Cell(this.table, {
+                    findIn: function (parent) {
+                        return self.rowId()
+                            .then(function (rowId) { return AupTable.cssSelectorForCell(rowId, columnId); })
+                            .then(function (selector) { return parent.dom().find(selector); });
+                    }
+                });
+            };
+            Row.prototype.shouldBeSelected = function () {
+                this.dom().should('have.class', 'aup-row-selected');
+            };
+            Row.prototype.shouldNotBeSelected = function () {
+                this.dom().should('not.have.class', 'aup-row-selected');
+            };
             return Row;
         }(PageElement));
         AupTable.Row = Row;
-        var Column = /** @class */ (function () {
+        var Column = /** @class */ (function (_super) {
+            __extends(Column, _super);
             function Column(table, columnId) {
-                this.table = table;
-                this.columnId = columnId;
+                var _this = _super.call(this, table, "aup-table-header-cell-renderer[column-id=\"" + columnId + "\"]") || this;
+                _this.table = table;
+                _this.columnId = columnId;
+                return _this;
             }
-            Column.prototype.cell = function (content) {
+            Column.prototype.cellContaining = function (content) {
                 var self = this;
                 return new Cell(this.table, {
                     findIn: function (parent) {
-                        return parent.contains("aup-table-cell-renderer[column-id=" + self.columnId + "]", content);
+                        return parent.dom().contains(cssSelectorForColumnCellRendererById(self.columnId), content);
                     }
                 });
             };
+            Column.prototype.rowContaining = function (content) {
+                return this.cellContaining(content).row();
+            };
             return Column;
-        }());
+        }(PageElement));
         AupTable.Column = Column;
+        var SelectionColumn = /** @class */ (function (_super) {
+            __extends(SelectionColumn, _super);
+            function SelectionColumn() {
+                return _super !== null && _super.apply(this, arguments) || this;
+            }
+            SelectionColumn.prototype.selectAll = function () {
+            };
+            return SelectionColumn;
+        }(Column));
+        AupTable.SelectionColumn = SelectionColumn;
         var Cell = /** @class */ (function (_super) {
             __extends(Cell, _super);
-            function Cell() {
-                return _super !== null && _super.apply(this, arguments) || this;
+            function Cell(table, elementLocator) {
+                var _this = _super.call(this, table, elementLocator) || this;
+                _this.table = table;
+                return _this;
             }
+            Cell.prototype.rowId = function () {
+                return this.dom().closest('tr').invoke('attr', 'aup-row-id');
+            };
+            Cell.prototype.row = function () {
+                var self = this;
+                return new Row(this.table, {
+                    findIn: function (parent) {
+                        return self.rowId()
+                            .then(function (rowId) { return parent.dom().find(AupTable.cssSelectorForTableRowById(rowId)); });
+                    }
+                });
+            };
             return Cell;
         }(PageElement));
         AupTable.Cell = Cell;
+        var SelectionColumnCell = /** @class */ (function (_super) {
+            __extends(SelectionColumnCell, _super);
+            function SelectionColumnCell() {
+                return _super !== null && _super.apply(this, arguments) || this;
+            }
+            return SelectionColumnCell;
+        }(Cell));
+        AupTable.SelectionColumnCell = SelectionColumnCell;
     })(exports.AupTable || (exports.AupTable = {}));
 
-    function ButtonMixin(Base) {
+    function FormElementMixin(Base) {
         return /** @class */ (function (_super) {
             __extends(class_1, _super);
             function class_1() {
@@ -645,12 +756,8 @@
                 }
                 return _super.apply(this, __spreadArray([], __read(args))) || this;
             }
-            class_1.prototype.click = function () {
-                return this.element().click();
-            };
             class_1.prototype.shouldBeDisabled = function () {
                 this.should("be.disabled");
-                // this.should("have.css", "color", "rgba(0,0,0,0.26)")
             };
             return class_1;
         }(Base));
@@ -659,60 +766,95 @@
     var Button = /** @class */ (function (_super) {
         __extends(Button, _super);
         function Button(parentElementAccessor, buttonText) {
-            return _super.call(this, parentElementAccessor, {
-                findIn: function (parent) {
-                    return parent.contains('button', buttonText);
-                },
-                shouldNotExist: function (parent) {
-                    return parent.should('not.contain', buttonText);
-                }
-            }) || this;
+            return _super.call(this, parentElementAccessor, exports.ElementLocator.findByTextContent('button', buttonText)) || this;
         }
         return Button;
-    }(ButtonMixin(PageElement)));
+    }(FormElementMixin(PageElement)));
+
+    var MatCheckbox = /** @class */ (function (_super) {
+        __extends(MatCheckbox, _super);
+        function MatCheckbox(parentElementAccessor, text) {
+            return _super.call(this, parentElementAccessor, exports.ElementLocator.findByTextContent('mat-checkbox', text)) || this;
+        }
+        MatCheckbox.prototype.shouldBeChecked = function () {
+            this.hiddenCheckBoxElement().should('be.checked');
+        };
+        MatCheckbox.prototype.shouldNotBeChecked = function () {
+            this.hiddenCheckBoxElement().should('not.be.checked');
+        };
+        MatCheckbox.prototype.hiddenCheckBoxElement = function () {
+            return this.dom().find('input[type=checkbox]');
+        };
+        MatCheckbox.prototype.check = function () {
+            var _this = this;
+            this.hiddenCheckBoxElement().then(function (el) {
+                if (!el.prop('checked')) {
+                    _this.click();
+                    _this.shouldBeChecked();
+                }
+            });
+        };
+        MatCheckbox.prototype.uncheck = function () {
+            var _this = this;
+            this.hiddenCheckBoxElement().then(function (el) {
+                if (el.prop('checked')) {
+                    _this.click();
+                    _this.shouldNotBeChecked();
+                }
+            });
+        };
+        return MatCheckbox;
+    }(FormElementMixin(PageElement)));
 
     var Builder = /** @class */ (function () {
-        function Builder(source) {
-            this.source = source;
+        function Builder(parentPageElement) {
+            this.parentPageElement = parentPageElement;
         }
         Builder.prototype.find = function (selector) {
-            return new PageElement(this.source, selector);
+            return new PageElement(this.parentPageElement, selector);
         };
         Builder.prototype.section = function (selector, builder) {
             return this.createContainerElement(PageElement, selector, builder);
         };
         Builder.prototype.contains = function (text) {
-            return new PageElement(this.source, {
-                findIn: function (parent) { return parent.contains(text); },
-                shouldNotExist: function (parent) { return parent.should('not.contain', text); }
+            return new PageElement(this.parentPageElement, {
+                findIn: function (parent) {
+                    return parent.dom().contains(text);
+                },
+                shouldNotExist: function (parent) {
+                    return parent.dom().should('not.contain', text);
+                }
             });
         };
         Builder.prototype.button = function (text) {
-            return new Button(this.source, text);
+            return new Button(this.parentPageElement, text);
+        };
+        Builder.prototype.matCheckbox = function (text) {
+            return new MatCheckbox(this.parentPageElement, text);
         };
         Builder.prototype.aupStringInput = function (selector) {
-            return new exports.AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-string-input');
+            return new exports.AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-string-input');
         };
         Builder.prototype.aupTextInput = function (selector) {
-            return new exports.AupInput.TextAreaInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-text-input');
+            return new exports.AupInput.TextAreaInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-text-input');
         };
         Builder.prototype.aupPasswordInput = function (selector) {
-            return new exports.AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-password-input');
+            return new exports.AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-password-input');
         };
         Builder.prototype.aupNumberInput = function (selector) {
-            return new exports.AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-number-input');
+            return new exports.AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-number-input');
         };
         Builder.prototype.aupCommand = function (faceOrSelector) {
-            return new AupCommand(this.source, faceOrSelector);
+            return new AupCommand(this.parentPageElement, faceOrSelector);
         };
         Builder.prototype.aupTabbedNavigation = function () {
-            return new AupNavigation(this.source, 'aup-tabbed-place-navigation');
+            return new AupNavigation(this.parentPageElement, 'aup-tabbed-place-navigation');
         };
         Builder.prototype.aupSideNavigation = function () {
-            return new AupNavigation(this.source, 'aup-list-place-nav');
+            return new AupNavigation(this.parentPageElement, 'aup-list-place-nav');
         };
-        Builder.prototype.aupTable = function (selector) {
-            return new exports.AupTable(this.source, selector !== null && selector !== void 0 ? selector : 'aup-table');
+        Builder.prototype.aupTable = function (selectorOrBuilder, optionalBuilder) {
+            return this.createContainerElement(exports.AupTable, selectorOrBuilder, optionalBuilder, 'aup-table');
         };
         Builder.prototype.aupEmptyState = function (selectorOrBuilder, optionalBuilder) {
             return this.createContainerElement(AupEmptyState, selectorOrBuilder, optionalBuilder, 'aup-empty-state');
@@ -724,7 +866,7 @@
             if (!selector) {
                 typescriptUtilities.lang.illegalState('This element requires a selector but none was provided');
             }
-            var element = new klass(this.source, selector);
+            var element = new klass(this.parentPageElement, selector);
             if (builder) {
                 return typescriptUtilities.Mixin.createProxy(element, builder(element));
             }
@@ -738,7 +880,7 @@
             if (!selector) {
                 typescriptUtilities.lang.illegalState('This element requires a selector but none was provided');
             }
-            var element = new klass(this.source, selector);
+            var element = new klass(this.parentPageElement, selector);
             if (builder) {
                 // create the B&E type that the builder has access to
                 var decoratedElement = typescriptUtilities.Mixin.createProxy(element, new Builder(element));
@@ -755,7 +897,9 @@
     var AupAbstractActivity = /** @class */ (function (_super) {
         __extends(AupAbstractActivity, _super);
         function AupAbstractActivity(parent, selector) {
-            var _this = _super.call(this, parent, selector) || this;
+            var _this = 
+            // @ts-ignore
+            _super.call(this, parent, selector) || this;
             _this.title = _this.find('aup-activity-title');
             _this._confirmCommand = new Builder(_this).aupCommand('[data-cy=confirm-command]');
             _this._cancelCommand = new Builder(_this).aupCommand('[data-cy=cancel-command]');
@@ -792,7 +936,7 @@
             return _super !== null && _super.apply(this, arguments) || this;
         }
         AupModalActivity.prototype.clickBackdrop = function () {
-            this.element().closest(".cdk-overlay-backdrop").click(-50, -50, { force: true });
+            this.dom().closest(".cdk-overlay-backdrop").click(-50, -50, { force: true });
         };
         return AupModalActivity;
     }(AupActivity));
@@ -821,7 +965,7 @@
             return _super.call(this, parent, selector) || this;
         }
         AupModalAlert.prototype.clickBackdrop = function () {
-            this.element()
+            this.dom()
                 .closest(".cdk-overlay-container")
                 .find(".cdk-overlay-backdrop").click(-50, -50, { force: true });
         };
@@ -919,7 +1063,7 @@
             _this.rootElementSelector = 'body';
             return _this;
         }
-        Page.prototype.element = function () {
+        Page.prototype.dom = function () {
             return cy.get(this.rootElementSelector);
         };
         Page.prototype.visit = function (visitParams, queryParams) {
@@ -1003,13 +1147,13 @@
         __extends(AupPopupMenu, _super);
         function AupPopupMenu(parentElementAccessor, face) {
             var _this = this;
-            var accessor = AupCommandFace.createAccessor(face);
+            var locator = AupCommandFace.createElementLocator(face);
             _this = _super.call(this, parentElementAccessor, {
                 findIn: function (parent) {
-                    return accessor.findIn(parent).closest('button');
+                    return locator.findIn(parent).closest('button');
                 },
                 shouldNotExist: function (parent) {
-                    accessor.shouldNotExist(parent);
+                    locator.shouldNotExist(parent);
                 }
             }) || this;
             return _this;
@@ -1055,8 +1199,9 @@
     exports.AupToolBar = AupToolBar;
     exports.Builder = Builder;
     exports.Button = Button;
-    exports.ButtonMixin = ButtonMixin;
-    exports.FaceAccessor = FaceAccessor;
+    exports.FaceElementLocator = FaceElementLocator;
+    exports.FormElementMixin = FormElementMixin;
+    exports.MatCheckbox = MatCheckbox;
     exports.PageBuilder = PageBuilder;
     exports.PageElement = PageElement;