@coolon/angular-ui-powerups 12.4.0-alpha.39 → 12.4.0-alpha.4

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

@@ -1,48 +1,27 @@
-import { Stringy, Mixin } from '@coolon/typescript-utilities';
+import { lang, Mixin } from '@coolon/typescript-utilities';
 import * as _ from 'lodash';
-import { __decorate, __metadata } from 'tslib';
-import { Memoize } from '@typescript-plus/fast-memoize-decorator/dist/src';
 import { DefaultUrlSerializer } from '@angular/router';
 
-var ElementLocator;
-(function (ElementLocator) {
-    function findByCssSelector(selector) {
-        return parent => parent.dom().find(selector);
-    }
-    ElementLocator.findByCssSelector = findByCssSelector;
-    function findByTextContent(text) {
-        return parent => parent.dom().contains(text);
-    }
-    ElementLocator.findByTextContent = findByTextContent;
-    function findBySelectorAndTextContent(selector, text) {
-        return parent => parent.dom().contains(selector, text);
-    }
-    ElementLocator.findBySelectorAndTextContent = findBySelectorAndTextContent;
-})(ElementLocator || (ElementLocator = {}));
-
 class PageElement {
-    constructor(parent, selectorOrLocator) {
-        this.parent = parent;
-        this.domElementLocator = _.isNil(selectorOrLocator) ?
-            this.getDefaultElementLocator() :
-            _.isString(selectorOrLocator) ?
-                ElementLocator.findByCssSelector(selectorOrLocator) :
-                selectorOrLocator;
-    }
-    getDefaultElementLocator() {
-        return ElementLocator.findByCssSelector(this.getDefaultElementSelector());
+    constructor(parent, selector) {
+        this.parentElementAccessor = parent instanceof PageElement ? () => parent.element() : parent;
+        this.elementAccessStrategy = _.isString(selector) ? {
+            findIn: p => p.find(selector),
+            shouldNotExist: (p) => p.find(selector).should('not.exist')
+        } : selector;
     }
-    getDefaultElementSelector() {
-        return Stringy.from(this.constructor.name).dasherize().toString();
+    element() {
+        const parent = this.getParentElement();
+        return parent ? this.elementAccessStrategy.findIn(parent) : undefined;
     }
-    dom() {
-        return this.domElementLocator(this.parent);
+    getParentElement() {
+        return this.parentElementAccessor ? this.parentElementAccessor() : undefined;
     }
     find(selector) {
-        return new PageElement(this, selector);
+        return new PageElement(() => this.element(), selector);
     }
     click(text) {
-        text ? this.dom().contains(text).click() : this.dom().click();
+        text ? this.element().contains(text).click() : this.element().click();
     }
     get should() {
         return this.getShoulder(this.getShouldElement());
@@ -51,47 +30,113 @@ class PageElement {
         return element.should.bind(element);
     }
     getShouldElement() {
-        return this.dom();
+        return this.element();
     }
     shouldBeVisible() {
         this.should('be.visible');
     }
     shouldNotBeVisible() {
-        this.should('not.be.visible');
+        if (!this.elementAccessStrategy.shouldNotExist) {
+            lang.abstractMethod(this.constructor);
+        }
+        this.elementAccessStrategy.shouldNotExist(this.getParentElement());
     }
-    shouldExist() {
-        this.dom().should('exist');
+}
+
+let urlSerialiser = new DefaultUrlSerializer();
+class Path {
+    constructor(segments) {
+        this.segments = segments;
     }
-    shouldNotExist() {
-        this.dom().should('not.exist');
+    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(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;
+        }
+    }
+    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 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;
+    }
+}
 class AupCommandFace extends PageElement {
     constructor(parentElement, face) {
-        super(parentElement, AupCommandFace.createElementLocator(face));
-    }
-    static createElementLocator(face) {
-        const locator = 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;
+        super(() => parentElement.element(), AupCommandFace.createAccessor(face));
+    }
+    static createAccessor(face) {
+        return new FaceAccessor(face);
     }
 }
 
 class AupCommand extends PageElement {
-    constructor(parent, faceOrSelector) {
-        super(parent, parentElement => {
-            if (_.isString(faceOrSelector)) {
-                return parentElement.dom().find(faceOrSelector);
-            }
-            else {
-                return AupCommandFace.createElementLocator(faceOrSelector)(parentElement).closest('aup-command');
+    constructor(parent, face) {
+        const faceAccessor = AupCommandFace.createAccessor(face);
+        super(parent, {
+            findIn(parentElement) {
+                return faceAccessor.findIn(parentElement).closest('aup-command');
             }
         });
     }
@@ -104,29 +149,20 @@ class AupCommand extends PageElement {
     shouldBeDisabled() {
         this.getButton().should('be.disabled');
     }
-    shouldBeEnabled() {
-        this.getButton().should('not.be.disabled');
-    }
     getButton() {
-        return this.dom().find('button');
-    }
-}
-
-class AupEmptyState extends PageElement {
-    shouldContainText(text) {
-        this.dom().should("contain.text", text);
+        return this.element().find('button');
     }
 }
 
 class AupInput extends PageElement {
     label() {
-        return this.dom().find('label');
+        return this.element().find('label');
     }
     hint() {
-        return this.dom().find('mat-hint');
+        return this.element().find('mat-hint');
     }
     error() {
-        return this.dom().find('mat-error');
+        return this.element().find('mat-error');
     }
     get labelShould() {
         return this.getShoulder(this.label());
@@ -146,23 +182,11 @@ class AupInput extends PageElement {
     errorShouldBe(text) {
         return this.errorShould("have.text", text);
     }
-    shouldBeFocused() {
-        this.input().should("have.focus");
-    }
-    shouldNotBeFocused() {
-        this.input().should("not.have.focus");
-    }
-    type(characters) {
-        this.input().type(characters);
-    }
-    hitEnter() {
-        this.type("{enter}");
-    }
 }
 (function (AupInput) {
     class HtmlInput extends AupInput {
         input() {
-            return this.dom().find('input');
+            return this.element().find('input');
         }
         clear() {
             this.input().clear();
@@ -183,7 +207,7 @@ class AupInput extends PageElement {
             return this.input();
         }
         input() {
-            return this.dom().find('textarea');
+            return this.element().find('textarea');
         }
         clear() {
             this.input().clear();
@@ -198,46 +222,6 @@ class AupInput extends PageElement {
     AupInput.TextAreaInput = TextAreaInput;
 })(AupInput || (AupInput = {}));
 
-class AupPopupMenuPanel extends PageElement {
-}
-
-class AupAbstractPopupMenu extends PageElement {
-    constructor(parent, locator) {
-        super(parent, locator);
-        this.popup = new AupPopupMenuPanel(this, p => this.findPopupIn(p));
-    }
-    findPopupIn(p) {
-        return this.getOverlay().find('.mat-menu-panel');
-    }
-    getOverlay() {
-        return this.dom().closest('body').find('.cdk-overlay-container');
-    }
-    getBackdrop() {
-        return this.getOverlay().find('.cdk-overlay-backdrop');
-    }
-    openPopup() {
-        this.shouldNotBeOpen();
-        this.click();
-        return this.popup;
-    }
-    closePopup() {
-        this.shouldBeOpen();
-        this.getBackdrop().click();
-    }
-    shouldBeOpen() {
-        this.popup.shouldBeVisible();
-    }
-    shouldNotBeOpen() {
-        this.dom().closest('body').find('.mat-menu-panel').should("not.exist");
-    }
-}
-
-class AupMoreMenu extends AupAbstractPopupMenu {
-    static create(parent, selector) {
-        return new AupMoreMenu(parent, ElementLocator.findByCssSelector(selector !== null && selector !== void 0 ? selector : 'aup-more-menu'));
-    }
-}
-
 class AupNavigation extends PageElement {
     click(label) {
         return super.click(label);
@@ -249,430 +233,123 @@ class AupNavigation extends PageElement {
         this.face(label).shouldBeVisible();
     }
     shouldNotHaveLink(label) {
-        this.face(label).shouldNotExist();
-    }
-}
-
-class AupTableCell extends PageElement {
-    rowId() {
-        return this.dom().closest('tr').invoke('attr', 'aup-row-id');
-    }
-    row() {
-        const self = this;
-        return this.parent.createRow(parent => {
-            return self.rowId().then(rowId => parent.dom().find(AupAbstractTable.cssSelectorForTableRowById(rowId)));
-        });
-    }
-}
-
-class AupTableColumn extends PageElement {
-    constructor(table, columnId) {
-        super(table, AupAbstractTable.cssSelectorForColumnCellRendererById(columnId));
-        this.columnId = columnId;
-    }
-    cellContaining(content) {
-        const self = this;
-        return new AupTableCell(this.parent, parent => {
-            return parent.dom().contains(AupAbstractTable.cssSelectorForColumnCellRendererById(self.columnId), content);
-        });
-    }
-    rowContaining(content) {
-        return this.cellContaining(content).row();
+        this.face(label).shouldNotBeVisible();
     }
 }
 
-class AupTableSelectionColumn extends AupTableColumn {
-    selectAll() {
+class AupTable extends PageElement {
+    constructor(parentElementAccessor, selector) {
+        super(parentElementAccessor, selector);
     }
-}
-
-class AupAbstractTable extends PageElement {
     row(rowId) {
-        return this.createRow(parent => {
-            return parent.dom().find(AupAbstractTable.cssSelectorForTableRowById(rowId));
-        });
-    }
-    rowNumber(rowNumber) {
-        return this.createRow(parent => {
-            return parent.dom().find(AupAbstractTable.cssSelectorForNthTableRow(rowNumber));
-        });
+        return new AupTable.Row(() => this.element(), `tr[aup-table-id=${rowId}]`);
     }
     column(columnId) {
-        return new AupTableColumn(this, columnId);
-    }
-    get selectionColumn() {
-        return new AupTableSelectionColumn(this, 'selection-column');
+        return new AupTable.Column(this, columnId);
     }
 }
-__decorate([
-    Memoize(),
-    __metadata("design:type", AupTableSelectionColumn),
-    __metadata("design:paramtypes", [])
-], AupAbstractTable.prototype, "selectionColumn", null);
-(function (AupAbstractTable) {
-    function cssSelectorForTableRowById(rowId) {
-        return `tbody tr[aup-row-id=${rowId}]`;
-    }
-    AupAbstractTable.cssSelectorForTableRowById = cssSelectorForTableRowById;
-    function cssSelectorForNthTableRow(rowNumber) {
-        return `tbody tr:nth-child(${rowNumber})`;
-    }
-    AupAbstractTable.cssSelectorForNthTableRow = cssSelectorForNthTableRow;
-    function cssSelectorForColumnCellRendererById(columnOrId) {
-        const columnId = _.isString(columnOrId) ? columnOrId : columnOrId.columnId;
-        return `aup-table-cell-renderer[column-id=${columnId}]`;
-    }
-    AupAbstractTable.cssSelectorForColumnCellRendererById = cssSelectorForColumnCellRendererById;
-    function cssSelectorForCell(rowId, columnOrId) {
-        return `${cssSelectorForTableRowById(rowId)} ${cssSelectorForColumnCellRendererById(columnOrId)}`;
-    }
-    AupAbstractTable.cssSelectorForCell = cssSelectorForCell;
-})(AupAbstractTable || (AupAbstractTable = {}));
-
-/* tslint:disable:unified-signatures */
-class AupTableRow extends PageElement {
-    rowId() {
-        return this.dom()
-            .invoke('attr', 'aup-row-id');
-    }
-    shouldHaveRowId(rowId) {
-        this.rowId().should('eq', rowId);
-    }
-    cell(columnOrId) {
-        const self = this;
-        return new AupTableCell(this.parent, parent => {
-            return self.rowId()
-                .then(rowId => AupAbstractTable.cssSelectorForCell(rowId, columnOrId))
-                .then(selector => parent.dom().find(selector));
-        });
-    }
-    shouldBeSelected() {
-        this.dom().should('have.class', 'aup-row-selected');
-    }
-    shouldNotBeSelected() {
-        this.dom().should('not.have.class', 'aup-row-selected');
-    }
-}
-
-class AupTable extends AupAbstractTable {
-    createRow(locator) {
-        return new AupTableRow(this, locator);
-    }
-}
-
-class AupTreeTable extends AupAbstractTable {
-    get treeControlColumn() {
-        return new AupTreeTable.TreeControlColumn(this, 'tree-label');
+(function (AupTable) {
+    class Row extends PageElement {
     }
-    createRow(locator) {
-        return new AupTreeTable.Row(this, locator);
-    }
-}
-__decorate([
-    Memoize(),
-    __metadata("design:type", AupTreeTable.TreeControlColumn),
-    __metadata("design:paramtypes", [])
-], AupTreeTable.prototype, "treeControlColumn", null);
-(function (AupTreeTable) {
-    class Row extends AupTableRow {
-        shouldBeExpanded() {
-            this.dom().should("not.have.class", "aup-node-collapsed");
+    AupTable.Row = Row;
+    class Column {
+        constructor(table, columnId) {
+            this.table = table;
+            this.columnId = columnId;
         }
-        shouldBeCollapsed() {
-            this.dom().should("have.class", "aup-node-collapsed");
+        cell(content) {
+            const self = this;
+            return new Cell(this.table, {
+                findIn(parent) {
+                    return parent.contains(`aup-table-cell-renderer[column-id=${self.columnId}]`, content);
+                }
+            });
         }
     }
-    AupTreeTable.Row = Row;
-    class TreeControlColumn extends AupTableColumn {
+    AupTable.Column = Column;
+    class Cell extends PageElement {
     }
-    AupTreeTable.TreeControlColumn = TreeControlColumn;
-})(AupTreeTable || (AupTreeTable = {}));
+    AupTable.Cell = Cell;
+})(AupTable || (AupTable = {}));
 
-function FormElementMixin(Base) {
+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 FormElementMixin(PageElement) {
+class Button extends ButtonMixin(PageElement) {
     constructor(parentElementAccessor, buttonText) {
-        super(parentElementAccessor, ElementLocator.findBySelectorAndTextContent('button', buttonText));
-    }
-}
-
-class MatCheckbox extends FormElementMixin(PageElement) {
-    constructor(parentElementAccessor, text) {
-        super(parentElementAccessor, ElementLocator.findBySelectorAndTextContent('mat-checkbox', text));
-    }
-    shouldBeChecked() {
-        this.hiddenCheckBoxElement().should('be.checked');
-    }
-    shouldNotBeChecked() {
-        this.hiddenCheckBoxElement().should('not.be.checked');
-    }
-    hiddenCheckBoxElement() {
-        return this.dom().find('input[type=checkbox]');
-    }
-    check() {
-        this.hiddenCheckBoxElement().then(el => {
-            if (!el.prop('checked')) {
-                this.click();
-                this.shouldBeChecked();
-            }
-        });
-    }
-    uncheck() {
-        this.hiddenCheckBoxElement().then(el => {
-            if (el.prop('checked')) {
-                this.click();
-                this.shouldNotBeChecked();
+        super(parentElementAccessor, {
+            findIn(parent) {
+                return parent.contains('button', buttonText);
+            },
+            shouldNotExist(parent) {
+                return parent.should('not.contain', buttonText);
             }
         });
     }
 }
 
-class ComponentBuilder {
-    constructor(parentPageElement) {
-        this.parentPageElement = parentPageElement;
-    }
-    find(selector) {
-        return new PageElement(this.parentPageElement, selector);
-    }
-    section(selector, builder) {
-        return this.component(PageElement, selector, builder);
-    }
-    contains(text) {
-        return new PageElement(this.parentPageElement, ElementLocator.findByTextContent(text));
-    }
-    button(text) {
-        return new Button(this.parentPageElement, text);
-    }
-    matCheckbox(text) {
-        return new MatCheckbox(this.parentPageElement, text);
-    }
-    aupStringInput(selector) {
-        return new AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-string-input');
-    }
-    aupTextInput(selector) {
-        return new AupInput.TextAreaInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-text-input');
-    }
-    aupPasswordInput(selector) {
-        return new AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-password-input');
-    }
-    aupNumberInput(selector) {
-        return new AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-number-input');
-    }
-    aupCommand(faceOrSelector) {
-        return new AupCommand(this.parentPageElement, faceOrSelector);
-    }
-    aupTabbedNavigation() {
-        return new AupNavigation(this.parentPageElement, 'aup-tabbed-place-navigation');
-    }
-    aupSideNavigation() {
-        return new AupNavigation(this.parentPageElement, 'aup-list-place-nav');
-    }
-    aupMoreMenu(selector) {
-        return AupMoreMenu.create(this.parentPageElement, selector);
-    }
-    aupTable(selectorOrBuilder, optionalBuilder) {
-        return this.component(AupTable, selectorOrBuilder, optionalBuilder);
-    }
-    aupTreeTable(selectorOrBuilder, optionalBuilder) {
-        return this.component(AupTreeTable, selectorOrBuilder, optionalBuilder);
-    }
-    aupEmptyState(selectorOrBuilder, optionalBuilder) {
-        return this.component(AupEmptyState, selectorOrBuilder, optionalBuilder);
-    }
-    component(klass, selectorOrBuilder, optionalBuilder) {
-        const selector = _.isString(selectorOrBuilder) ? selectorOrBuilder : undefined;
-        const builder = _.isFunction(selectorOrBuilder) ? selectorOrBuilder : optionalBuilder;
-        const element = new klass(this.parentPageElement, selector);
-        if (builder) {
-            // create the B&E type that the builder has access to
-            const decoratedElement = Mixin.createProxy(element, new ComponentBuilder(element));
-            // create final type that has the E & T type
-            return Mixin.createProxy(decoratedElement, builder(decoratedElement));
-        }
-        else {
-            return element;
-        }
-    }
-}
-(function (ComponentBuilder) {
-    function Mixin(Base) {
+var Section;
+(function (Section) {
+    function Mixin$1(Base) {
         return class extends Base {
-            constructor(...args) {
-                super(...args);
-                this.builder = new ComponentBuilder(this);
+            section(selector, section) {
+                const impl = new Impl(() => this.element(), selector);
+                return Mixin.createProxy(section(impl), impl);
             }
-        };
-    }
-    ComponentBuilder.Mixin = Mixin;
-})(ComponentBuilder || (ComponentBuilder = {}));
-
-class AupAbstractActivity extends ComponentBuilder.Mixin(PageElement) {
-    constructor(parent, selector) {
-        // @ts-ignore
-        super(parent, selector);
-        this.title = this.find('aup-activity-title');
-        this._confirmCommand = this.builder.aupCommand('[data-cy=confirm-command]');
-        this._cancelCommand = this.builder.aupCommand('[data-cy=cancel-command]');
-    }
-}
-
-class AupAlert extends AupAbstractActivity {
-    constructor(parent, selector) {
-        super(parent, selector);
-    }
-    get closeCommand() {
-        return this._confirmCommand;
-    }
-    clickClose() {
-        this.closeCommand.click();
-    }
-}
-
-function AupModalMixin(Base) {
-    return class extends Base {
-        constructor(...args) {
-            super(...args);
-        }
-        getDefaultElementLocator() {
-            return (parent) => {
-                return parent.dom().closest('body').find(this.getDefaultElementSelector());
-            };
-        }
-        clickBackdrop() {
-            this.dom()
-                .closest(`.cdk-overlay-container`)
-                .find(`.cdk-overlay-backdrop`).click(-50, -50, { force: true });
-        }
-    };
-}
-
-class AupAlertDialog extends AupModalMixin(AupAlert) {
-    constructor(parent, selector) {
-        super(parent, selector);
-    }
-}
-
-class AupConfirm extends AupAbstractActivity {
-    constructor(parent, selector) {
-        super(parent, selector);
-    }
-    get confirmCommand() {
-        return this._confirmCommand;
-    }
-    clickConfirm() {
-        this.confirmCommand.click();
-    }
-    get cancelCommand() {
-        return this._cancelCommand;
-    }
-    clickCancel() {
-        this.cancelCommand.click();
-    }
-}
-
-class AupConfirmDialog extends AupModalMixin(AupConfirm) {
-    constructor(parent, selector) {
-        super(parent, selector);
-    }
-}
-
-class AupActivity extends AupAbstractActivity {
-    constructor(parent, selector) {
-        super(parent, selector);
-    }
-    get confirmCommand() {
-        return this._confirmCommand;
-    }
-    get cancelCommand() {
-        return this._cancelCommand;
-    }
-}
-
-class AupModalActivity extends AupModalMixin(AupActivity) {
-}
-
-class PageBuilder extends ComponentBuilder {
-    aupModalActivity(selector, builder) {
-        return this.component(AupModalActivity, selector, builder);
-    }
-    aupModalAlert(builder) {
-        return this.component(AupAlertDialog, builder);
-    }
-    aupModelConfirm(builder) {
-        return this.component(AupConfirmDialog, 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];
+            find(selector) {
+                return new PageElement(() => this.element(), selector);
             }
-            return path;
-        }
+            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, face);
+            }
+            aupTabbedNavigation() {
+                return new AupNavigation(this, 'aup-tabbed-place-navigation');
+            }
+            aupSideNavigation() {
+                return new AupNavigation(() => this.element(), 'aup-list-place-nav');
+            }
+            aupTable(selector) {
+                return new AupTable(() => this.element(), selector !== null && selector !== void 0 ? selector : 'aup-table');
+            }
+        };
     }
-    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.Mixin = Mixin$1;
+    class Impl extends Mixin$1(PageElement) {
     }
-    Path.Builder = Builder;
-})(Path || (Path = {}));
+})(Section || (Section = {}));
 
 class Page extends PageElement {
     constructor(path) {
@@ -680,7 +357,7 @@ class Page extends PageElement {
         this.path = path;
         this.rootElementSelector = 'body';
     }
-    dom() {
+    element() {
         return cy.get(this.rootElementSelector);
     }
     visit(visitParams, queryParams) {
@@ -690,9 +367,7 @@ class Page extends PageElement {
     tryAndVisit(params, queryParams) {
         const path = this.path.toUrl(params !== null && params !== void 0 ? params : {});
         const queryString = queryParams ? `?${new URLSearchParams(queryParams).toString()}` : '';
-        const fullPath = `/${path}${queryString}`;
-        cy.log(`Visiting -> ${fullPath}`);
-        cy.visit(fullPath);
+        cy.visit(`/${path}${queryString}`);
     }
     shouldHaveActivityIds(...ids) {
         cy.location('search').should('contain', `?aup-interactions=${ids.join('--')}`);
@@ -705,73 +380,71 @@ class Page extends PageElement {
     }
     shouldBeActive(withParameters) {
         // Note: cy.window() doesn't return a promise... it's a chainable.
-        cy['waitUntil'](() => {
+        cy["waitUntil"](() => {
             return cy.window().then(window => {
                 return window['aup.PlaceRouter'] && !window['aup.PlaceRouter'].isNavigating();
             });
         });
         if (withParameters) {
-            this.shouldIncludeParameters(withParameters);
-        }
-    }
-    shouldIncludeParameters(parameters) {
-        cy.location('pathname').then(path => {
-            const urlParams = Path.extractVisitParameters(path);
-            Object.keys(parameters).forEach(param => {
-                const expected = parameters[param];
-                const actual = urlParams[param];
-                // cy.log(`${actual} - ${expected}`);
-                expect(urlParams[param]).to.equal(expected);
+            cy.location('pathname').then(path => {
+                const urlParams = Path.extractVisitParameters(path);
+                Object.keys(withParameters).forEach(param => {
+                    const expected = withParameters[param];
+                    // @ts-ignore
+                    expect(urlParams[param]).to.equal(expected);
+                });
             });
-        });
-    }
-    shouldNotHaveParameter(name) {
-        this.getUrlParameters().then(params => {
-            expect(params[name]).to.be.undefined;
-        });
-    }
-    getUrlParameters() {
-        return cy.location('pathname').then(path => Path.extractVisitParameters(path));
+        }
     }
 }
 (function (Page) {
-    function create(pathOrPathBuilder, builder) {
+    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 instance = new Page(pathBuilder.getPath());
-        const content = builder.call(instance, new PageBuilder(instance));
-        return Mixin.createProxy(content, instance);
+        const builder = new PageBuilder(pathBuilder.getPath());
+        return Mixin.createProxy(page(builder), builder);
     }
     Page.create = create;
+    class PageBuilder extends Section.Mixin(Page) {
+    }
+    Page.PageBuilder = PageBuilder;
 })(Page || (Page = {}));
 
 class AupCommandGroup extends PageElement {
 }
 
-class AupToolBar extends PageElement {
-    static create(parent, face) {
-        // const findFace = AupCommandFace.createFinder(() => parent.element(), face)
-        // return new AupCommandGroup(() => findFace().closest('button'));
+class AupMoreMenu extends PageElement {
+    static create(parent) {
+        return new AupMoreMenu(parent, 'aup-more-menu');
     }
 }
 
-class AupPopupMenu extends AupAbstractPopupMenu {
+class AupPopupMenu extends PageElement {
     constructor(parentElementAccessor, face) {
-        const locator = AupCommandFace.createElementLocator(face);
-        super(parentElementAccessor, parent => locator(parent).closest('button'));
+        const accessor = AupCommandFace.createAccessor(face);
+        super(parentElementAccessor, {
+            findIn(parent) {
+                return accessor.findIn(parent).closest('button');
+            },
+            shouldNotExist(parent) {
+                accessor.shouldNotExist(parent);
+            }
+        });
     }
     static create(parent, face) {
         return new AupPopupMenu(parent, face);
     }
 }
 
-class AupTableSelectionCell extends AupTableCell {
-    selectAll() {
+class AupToolBar extends PageElement {
+    static create(parent, face) {
+        // const findFace = AupCommandFace.createFinder(() => parent.element(), face)
+        // return new AupCommandGroup(() => findFace().closest('button'));
     }
 }
 
@@ -783,5 +456,5 @@ class AupTableSelectionCell extends AupTableCell {
  * Generated bundle index. Do not edit.
  */
 
-export { AupAbstractActivity, AupAbstractPopupMenu, AupAbstractTable, AupActivity, AupAlert, AupAlertDialog, AupCommand, AupCommandFace, AupCommandGroup, AupConfirm, AupConfirmDialog, AupEmptyState, AupInput, AupModalActivity, AupModalMixin, AupMoreMenu, AupNavigation, AupPopupMenu, AupPopupMenuPanel, AupTable, AupTableCell, AupTableColumn, AupTableRow, AupTableSelectionCell, AupTableSelectionColumn, AupToolBar, AupTreeTable, Button, ComponentBuilder, ElementLocator, FormElementMixin, MatCheckbox, Page, PageBuilder, PageElement, Path };
+export { AupCommand, AupCommandFace, AupCommandGroup, AupInput, AupMoreMenu, AupNavigation, AupPopupMenu, AupTable, AupToolBar, Button, ButtonMixin, FaceAccessor, Page, PageElement, Path, Section };
 //# sourceMappingURL=coolon-angular-ui-powerups-cypress.js.map