@coolon/angular-ui-powerups 12.4.0-alpha.0 → 12.4.0-alpha.10

package/fesm2015/coolon-angular-ui-powerups-cypress.js

@@ -1,5 +1,5 @@
-import * as _ from 'lodash';
 import { lang, Mixin } from '@coolon/typescript-utilities';
+import * as _ from 'lodash';
 import { DefaultUrlSerializer } from '@angular/router';
 
 class PageElement {
@@ -7,7 +7,7 @@ class PageElement {
         this.parentElementAccessor = parent instanceof PageElement ? () => parent.element() : parent;
         this.elementAccessStrategy = _.isString(selector) ? {
             findIn: p => p.find(selector),
-            shouldNotExist: (p) => p.should('not.have', selector)
+            shouldNotExist: (p) => p.find(selector).should('not.exist')
         } : selector;
     }
     element() {
@@ -24,7 +24,13 @@ class PageElement {
         text ? this.element().contains(text).click() : this.element().click();
     }
     get should() {
-        return this.element().should;
+        return this.getShoulder(this.getShouldElement());
+    }
+    getShoulder(element) {
+        return element.should.bind(element);
+    }
+    getShouldElement() {
+        return this.element();
     }
     shouldBeVisible() {
         this.should('be.visible');
@@ -37,121 +43,67 @@ class PageElement {
     }
 }
 
-let urlSerialiser = new DefaultUrlSerializer();
-class Path {
-    constructor(segments) {
-        this.segments = segments;
-    }
-    static extractVisitParameters(url) {
-        let result = {};
-        const urlTree = urlSerialiser.parse(url);
-        urlTree.root.children.primary.segments.forEach(s => {
-            result = Object.assign(Object.assign({}, result), s.parameters);
-        });
-        return result;
-    }
-    toUrl(params) {
-        return this.segments.map(s => s.toUrlPart(params)).join('/');
+class FaceAccessor {
+    constructor(face) {
+        this.face = face;
+    }
+    findIn(parent) {
+        return this.face.text ?
+            parent.contains(`aup-command-face`, this.face.text()) :
+            this.face.icon ?
+                parent.find(`aup-icon[ng-reflect-icon=${this.face.icon()}]`).closest('aup-command-face') :
+                undefined;
+    }
+    shouldNotExist(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;
     }
 }
-(function (Path) {
-    function setUrlSerialiser(serialiser) {
-        urlSerialiser = serialiser;
-    }
-    Path.setUrlSerialiser = setUrlSerialiser;
-    class Segment {
-        constructor(path, params = {}) {
-            var _a;
-            this.path = path;
-            this.routeId = params === null || params === void 0 ? void 0 : params.routeId;
-            this.visitParams = (_a = params === null || params === void 0 ? void 0 : params.visitParams) !== null && _a !== void 0 ? _a : [];
-        }
-        toUrlPart(params) {
-            let path = this.path;
-            this.visitParams.forEach(p => {
-                const value = params[p];
-                if (value) {
-                    path = `${path};${p}=${value}`;
-                }
-            });
-            if (this.routeId && params[this.routeId]) {
-                path = path + '/' + params[this.routeId];
-            }
-            return path;
-        }
-    }
-    Path.Segment = Segment;
-    class Builder {
-        constructor() {
-            this.segments = [];
-        }
-        segment(name, params) {
-            const builder = new Segment(name, params);
-            this.segments.push(builder);
-            return this;
-        }
-        getPath() {
-            return new Path(this.segments);
-        }
-    }
-    Path.Builder = Builder;
-})(Path || (Path = {}));
-
 class AupCommandFace extends PageElement {
     constructor(parentElement, face) {
         super(() => parentElement.element(), AupCommandFace.createAccessor(face));
     }
     static createAccessor(face) {
-        // AOT barfs if we return a lambda
-        const accessor = {
-            findIn(parent) {
-                return face.text ?
-                    parent.contains(`aup-command-face`, face.text()) :
-                    face.icon ?
-                        parent.find(`aup-icon[ng-reflect-icon=${face.icon()}]`).closest('aup-command-face') :
-                        undefined;
-            },
-            shouldNotExist(parent) {
-                return face.text ?
-                    parent.should("not.contain", `aup-command-face`, face.text()) :
-                    face.icon ?
-                        parent.should("not.contain", `aup-icon[ng-reflect-icon=${face.icon()}]`) :
-                        undefined;
-            }
-        };
-        return accessor;
+        return new FaceAccessor(face);
     }
 }
 
-function ButtonMixin(Base) {
-    return class extends Base {
-        constructor(...args) {
-            super(...args);
-        }
-        click() {
-            return this.element().click();
-        }
-        shouldBeDisabled() {
-            this.should("be.disabled");
-            // this.should("have.css", "color", "rgba(0,0,0,0.26)")
-        }
-    };
-}
-
-class AupCommand extends ButtonMixin(PageElement) {
-    constructor(parentElementAccessor, face) {
-        const faceAccessor = AupCommandFace.createAccessor(face);
-        super(parentElementAccessor, {
-            findIn(parent) {
-                return faceAccessor.findIn(parent).closest("aup-command");
+class AupCommand extends PageElement {
+    constructor(parent, faceOrSelector) {
+        super(parent, {
+            findIn(parentElement) {
+                if (_.isString(faceOrSelector)) {
+                    return parentElement.find(faceOrSelector);
+                }
+                else {
+                    return AupCommandFace.createAccessor(faceOrSelector).findIn(parentElement).closest('aup-command');
+                }
+            },
+            shouldNotExist(parentElement) {
+                this.findIn(parentElement).should("not.exist");
             }
         });
     }
-    get should() {
-        return this.element().find('button').should;
+    click() {
+        this.getButton().click();
+    }
+    getShouldElement() {
+        return this.getButton();
+    }
+    shouldBeDisabled() {
+        this.getButton().should('be.disabled');
+    }
+    getButton() {
+        return this.element().find('button');
     }
 }
 
+class AupEmptyState extends PageElement {
+}
+
 class AupInput extends PageElement {
     label() {
         return this.element().find('label');
@@ -163,13 +115,13 @@ class AupInput extends PageElement {
         return this.element().find('mat-error');
     }
     get labelShould() {
-        return this.label().should;
+        return this.getShoulder(this.label());
     }
     get hintShould() {
-        return this.hint().should;
+        return this.getShoulder(this.hint());
     }
     get errorShould() {
-        return this.error().should;
+        return this.getShoulder(this.error());
     }
     labelShouldBe(text) {
         return this.labelShould("have.text", text);
@@ -195,14 +147,14 @@ class AupInput extends PageElement {
             input.type(`${value}`);
             this.input().should('have.value', `${value}`);
         }
-        get should() {
-            return this.input().should;
+        getShouldElement() {
+            return this.input();
         }
     }
     AupInput.HtmlInput = HtmlInput;
     class TextAreaInput extends AupInput {
-        get should() {
-            return this.input().should;
+        getShouldElement() {
+            return this.input();
         }
         input() {
             return this.element().find('textarea');
@@ -270,6 +222,21 @@ class AupTable extends PageElement {
     AupTable.Cell = Cell;
 })(AupTable || (AupTable = {}));
 
+function ButtonMixin(Base) {
+    return class extends Base {
+        constructor(...args) {
+            super(...args);
+        }
+        click() {
+            return this.element().click();
+        }
+        shouldBeDisabled() {
+            this.should("be.disabled");
+            // this.should("have.css", "color", "rgba(0,0,0,0.26)")
+        }
+    };
+}
+
 class Button extends ButtonMixin(PageElement) {
     constructor(parentElementAccessor, buttonText) {
         super(parentElementAccessor, {
@@ -283,56 +250,205 @@ class Button extends ButtonMixin(PageElement) {
     }
 }
 
-var Section;
-(function (Section) {
-    function Mixin$1(Base) {
-        return class extends Base {
-            section(selector, section) {
-                const impl = new Impl(() => this.element(), selector);
-                return Mixin.createProxy(section(impl), impl);
-            }
-            find(selector) {
-                return new PageElement(() => this.element(), selector);
-            }
-            contains(text) {
-                return new PageElement(() => this.element(), {
-                    findIn: parent => parent.contains(text),
-                    shouldNotExist: (parent) => parent.should("not.contain", text)
-                });
-            }
-            button(text) {
-                return new Button(() => this.element(), text);
-            }
-            aupStringInput(selector) {
-                return new AupInput.HtmlInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-string-input');
-            }
-            aupTextInput(selector) {
-                return new AupInput.TextAreaInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-text-input');
-            }
-            aupPasswordInput(selector) {
-                return new AupInput.HtmlInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-password-input');
-            }
-            aupNumberInput(selector) {
-                return new AupInput.HtmlInput(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-number-input');
-            }
-            aupCommand(face) {
-                return new AupCommand(() => this.element(), face);
-            }
-            aupTabbedNavigation() {
-                return new AupNavigation(() => this.element(), 'aup-tabbed-place-navigation');
-            }
-            aupSideNavigation() {
-                return new AupNavigation(() => this.element(), 'aup-list-place-nav');
+class Builder {
+    constructor(source) {
+        this.source = source;
+        this._sectionFactory = Builder.createFactoryMethod(this.source, PageElement);
+        this.aupEmptyState = Builder.createFactoryMethod(this.source, AupEmptyState, 'aup-empty-state');
+    }
+    find(selector) {
+        return new PageElement(this.source, selector);
+    }
+    section(selector, builder) {
+        return this._sectionFactory(selector, builder);
+    }
+    contains(text) {
+        return new PageElement(this.source, {
+            findIn: parent => parent.contains(text),
+            shouldNotExist: (parent) => parent.should('not.contain', text)
+        });
+    }
+    button(text) {
+        return new Button(this.source, text);
+    }
+    aupStringInput(selector) {
+        return new AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-string-input');
+    }
+    aupTextInput(selector) {
+        return new AupInput.TextAreaInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-text-input');
+    }
+    aupPasswordInput(selector) {
+        return new AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-password-input');
+    }
+    aupNumberInput(selector) {
+        return new AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-number-input');
+    }
+    aupCommand(faceOrSelector) {
+        return new AupCommand(this.source, faceOrSelector);
+    }
+    aupTabbedNavigation() {
+        return new AupNavigation(this.source, 'aup-tabbed-place-navigation');
+    }
+    aupSideNavigation() {
+        return new AupNavigation(this.source, 'aup-list-place-nav');
+    }
+    aupTable(selector) {
+        return new AupTable(this.source, selector !== null && selector !== void 0 ? selector : 'aup-table');
+    }
+}
+(function (Builder) {
+    class Factory {
+        constructor(parent, klass, defaultSelector) {
+            this.parent = parent;
+            this.klass = klass;
+            this.defaultSelector = defaultSelector;
+        }
+        create(selectorOrBuilder, optionalBuilder) {
+            const selector = _.isFunction(selectorOrBuilder) ? this.defaultSelector : selectorOrBuilder;
+            if (!selector) {
+                lang.illegalState('This element requires a selector but none was provided');
             }
-            aupTable(selector) {
-                return new AupTable(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-table');
+            const callback = _.isFunction(selectorOrBuilder) ? selectorOrBuilder : optionalBuilder;
+            const element = new this.klass(this.parent, selector);
+            return callback ? Mixin.createProxy(element, callback(new Builder(this.parent))) : element;
+        }
+    }
+    Builder.Factory = Factory;
+    function createFactoryMethod(element, klass, defaultSelector) {
+        const factory = new Factory(element, klass, defaultSelector);
+        return factory.create.bind(factory);
+    }
+    Builder.createFactoryMethod = createFactoryMethod;
+})(Builder || (Builder = {}));
+
+class AupAbstractActivity extends PageElement {
+    constructor(parent, selector) {
+        super(parent, selector);
+        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]');
+    }
+}
+
+class AupActivity extends AupAbstractActivity {
+    constructor(parent, selector) {
+        super(parent, selector);
+    }
+    get confirmCommand() {
+        return this._confirmCommand;
+    }
+    get cancelCommand() {
+        return this._cancelCommand;
+    }
+}
+
+class AupModalActivity extends AupActivity {
+    clickBackdrop() {
+        this.element().closest(`.cdk-overlay-backdrop`).click(-50, -50, { force: true });
+    }
+}
+
+class AupAlert extends AupAbstractActivity {
+    constructor(parent, selector) {
+        super(parent, selector);
+    }
+    get closeCommand() {
+        return this._confirmCommand;
+    }
+    clickClose() {
+        this.closeCommand.click();
+    }
+}
+
+class AupModalAlert extends AupAlert {
+    constructor(parent, selector) {
+        super(parent, selector);
+    }
+    clickBackdrop() {
+        this.element()
+            .closest(`.cdk-overlay-container`)
+            .find(`.cdk-overlay-backdrop`).click(-50, -50, { force: true });
+    }
+}
+
+class PageBuilder extends Builder {
+    constructor() {
+        super(...arguments);
+        this._modalInteractionFactory = Builder.createFactoryMethod(this.source, AupModalActivity);
+        this._modalAlertFactory = Builder.createFactoryMethod(this.source, AupModalAlert);
+    }
+    aupModalActivity(selector, builder) {
+        return this._modalInteractionFactory(`.dialog-interaction-context ${selector}`, builder);
+    }
+    aupModalAlert(builder) {
+        return this._modalAlertFactory(`.dialog-interaction-context aup-alert-dialog`, builder);
+    }
+    aupModelConfirm(builder) {
+        return this._modalInteractionFactory(`.dialog-interaction-context aup-confirm-dialog`, builder);
+    }
+}
+
+let urlSerialiser = new DefaultUrlSerializer();
+class Path {
+    constructor(segments) {
+        this.segments = segments;
+    }
+    static extractVisitParameters(url) {
+        var _a, _b;
+        let result = {};
+        const urlTree = urlSerialiser.parse(url);
+        const urlSegments = (_b = (_a = urlTree.root.children.primary) === null || _a === void 0 ? void 0 : _a.segments) !== null && _b !== void 0 ? _b : [];
+        urlSegments === null || urlSegments === void 0 ? void 0 : urlSegments.forEach(s => {
+            result = Object.assign(Object.assign({}, result), s.parameters);
+        });
+        return result;
+    }
+    toUrl(matrixParams) {
+        return this.segments.map(s => s.toUrlPart(matrixParams)).join('/');
+    }
+}
+(function (Path) {
+    function setUrlSerialiser(serialiser) {
+        urlSerialiser = serialiser;
+    }
+    Path.setUrlSerialiser = setUrlSerialiser;
+    class Segment {
+        constructor(path, params = {}) {
+            var _a;
+            this.path = path;
+            this.routeId = params === null || params === void 0 ? void 0 : params.routeId;
+            this.visitParams = (_a = params === null || params === void 0 ? void 0 : params.visitParams) !== null && _a !== void 0 ? _a : [];
+        }
+        toUrlPart(params) {
+            let path = this.path;
+            this.visitParams.forEach(p => {
+                const value = params[p];
+                if (value) {
+                    path = `${path};${p}=${value}`;
+                }
+            });
+            if (this.routeId && params[this.routeId]) {
+                path = path + '/' + params[this.routeId];
             }
-        };
+            return path;
+        }
     }
-    Section.Mixin = Mixin$1;
-    class Impl extends Mixin$1(PageElement) {
+    Path.Segment = Segment;
+    class Builder {
+        constructor() {
+            this.segments = [];
+        }
+        segment(name, params) {
+            const builder = new Segment(name, params);
+            this.segments.push(builder);
+            return this;
+        }
+        getPath() {
+            return new Path(this.segments);
+        }
     }
-})(Section || (Section = {}));
+    Path.Builder = Builder;
+})(Path || (Path = {}));
 
 class Page extends PageElement {
     constructor(path) {
@@ -343,12 +459,14 @@ class Page extends PageElement {
     element() {
         return cy.get(this.rootElementSelector);
     }
-    visit(params) {
-        this.tryAndVisit(params);
-        this.shouldBeActive(params);
+    visit(visitParams, queryParams) {
+        this.tryAndVisit(visitParams, queryParams);
+        this.shouldBeActive(visitParams);
     }
-    tryAndVisit(params) {
-        cy.visit("/" + this.path.toUrl(params !== null && params !== void 0 ? params : {}));
+    tryAndVisit(params, queryParams) {
+        const path = this.path.toUrl(params !== null && params !== void 0 ? params : {});
+        const queryString = queryParams ? `?${new URLSearchParams(queryParams).toString()}` : '';
+        cy.visit(`/${path}${queryString}`);
     }
     shouldHaveActivityIds(...ids) {
         cy.location('search').should('contain', `?aup-interactions=${ids.join('--')}`);
@@ -361,8 +479,8 @@ class Page extends PageElement {
     }
     shouldBeActive(withParameters) {
         // Note: cy.window() doesn't return a promise... it's a chainable.
-        cy.window().then(window => {
-            cy['waitUntil'](() => {
+        cy['waitUntil'](() => {
+            return cy.window().then(window => {
                 return window['aup.PlaceRouter'] && !window['aup.PlaceRouter'].isNavigating();
             });
         });
@@ -382,18 +500,15 @@ class Page extends PageElement {
     function create(pathOrPathBuilder, page) {
         const pathBuilder = new Path.Builder();
         if (_.isString(pathOrPathBuilder)) {
-            pathOrPathBuilder.split("/").filter(p => !_.isEmpty(p)).forEach(p => pathBuilder.segment(p));
+            pathOrPathBuilder.split('/').filter(p => !_.isEmpty(p)).forEach(p => pathBuilder.segment(p));
         }
         else {
             pathOrPathBuilder(pathBuilder);
         }
-        const builder = new PageBuilder(pathBuilder.getPath());
-        return Mixin.createProxy(page(builder), builder);
+        const instance = new Page(pathBuilder.getPath());
+        return Mixin.createProxy(page(new PageBuilder(instance)), instance);
     }
     Page.create = create;
-    class PageBuilder extends Section.Mixin(Page) {
-    }
-    Page.PageBuilder = PageBuilder;
 })(Page || (Page = {}));
 
 class AupCommandGroup extends PageElement {
@@ -437,5 +552,5 @@ class AupToolBar extends PageElement {
  * Generated bundle index. Do not edit.
  */
 
-export { AupCommand, AupCommandFace, AupCommandGroup, AupInput, AupMoreMenu, AupNavigation, AupPopupMenu, AupTable, AupToolBar, Button, ButtonMixin, Page, PageElement, Path, Section };
+export { AupAbstractActivity, AupActivity, AupAlert, AupCommand, AupCommandFace, AupCommandGroup, AupEmptyState, AupInput, AupModalActivity, AupModalAlert, AupMoreMenu, AupNavigation, AupPopupMenu, AupTable, AupToolBar, Builder, Button, ButtonMixin, FaceAccessor, Page, PageBuilder, PageElement, Path };
 //# sourceMappingURL=coolon-angular-ui-powerups-cypress.js.map