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

package/esm2015/cypress/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/page.ts"],"names":[],"mappings":"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","sourcesContent":["import { Mixin } from '@coolon/typescript-utilities';\nimport * as _ from 'lodash';\nimport { Builder } from './builder';\nimport { PageBuilder } from './page-builder';\nimport { PageElement } from './page-element';\nimport { Path } from './path';\n\nexport class Page extends PageElement {\n\n  protected rootElementSelector = 'body';\n\n  constructor(readonly path: Path) {\n    super(undefined, undefined);\n  }\n\n  element(): Cypress.Chainable<JQuery<HTMLElement>> {\n    return cy.get(this.rootElementSelector);\n  }\n\n  visit(visitParams?: object, queryParams?: { [key: string]: string }) {\n    this.tryAndVisit(visitParams, queryParams);\n    this.shouldBeActive(visitParams);\n  }\n\n  tryAndVisit(params?: object, queryParams?: { [key: string]: string }) {\n    const path = this.path.toUrl(params ?? {});\n    const queryString = queryParams ? `?${new URLSearchParams(queryParams).toString()}` : '';\n    cy.visit(`/${path}${queryString}`);\n  }\n\n  shouldHaveActivityIds(...ids: string[]) {\n    cy.location('search').should('contain', `?aup-interactions=${ids.join('--')}`);\n  }\n\n  shouldNotHaveActivityIds() {\n    cy.location('search').should('not.contain', `?aup-interactions`);\n  }\n\n  shouldHaveTitle(title: string) {\n    cy.title().should('eq', title);\n  }\n\n  shouldBeActive(withParameters?: object) {\n    // Note: cy.window() doesn't return a promise... it's a chainable.\n    cy['waitUntil'](() => {\n      return cy.window().then(window => {\n        return window['aup.PlaceRouter'] && !window['aup.PlaceRouter'].isNavigating();\n      });\n    });\n\n    if (withParameters) {\n      cy.location('pathname').then(path => {\n        const urlParams = Path.extractVisitParameters(path);\n        Object.keys(withParameters).forEach(param => {\n          const expected = withParameters[param];\n          // @ts-ignore\n          expect(urlParams[param]).to.equal(expected);\n        });\n      });\n    }\n  }\n\n}\n\n\nexport namespace Page {\n\n  export function create<T extends object>(path: string, builder: Builder.ContainerCallback<T, Page, PageBuilder>): T & Page\n  // tslint:disable-next-line:unified-signatures\n  export function create<T extends object>(pathBuilder: ((pathBuilder: Path.Builder) => void), builder: Builder.ContainerCallback<T, Page, PageBuilder>): T & Page\n  export function create<T extends object>(pathOrPathBuilder: string | ((pathBuilder: Path.Builder) => void), builder: Builder.ContainerCallback<T, Page, PageBuilder>): T & Page {\n    const pathBuilder = new Path.Builder();\n    if (_.isString(pathOrPathBuilder)) {\n      pathOrPathBuilder.split('/').filter(p => !_.isEmpty(p)).forEach(p => pathBuilder.segment(p));\n    } else {\n      pathOrPathBuilder(pathBuilder);\n    }\n    const instance = new Page(pathBuilder.getPath());\n    const content = builder.call(instance, new PageBuilder(instance));\n    return Mixin.createProxy(content, instance) as T & Page;\n  }\n}\n"]}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/cypress/src/page.ts"],"names":[],"mappings":"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","sourcesContent":["import { Mixin } from '@coolon/typescript-utilities';\nimport * as _ from 'lodash';\nimport { Builder } from './builder';\nimport { PageBuilder } from './page-builder';\nimport { PageElement } from './page-element';\nimport { Path } from './path';\n\nexport class Page extends PageElement {\n\n  protected rootElementSelector = 'body';\n\n  constructor(readonly path: Path) {\n    super(undefined, undefined);\n  }\n\n  dom(): Cypress.Chainable<JQuery<HTMLElement>> {\n    return cy.get(this.rootElementSelector);\n  }\n\n  visit(visitParams?: object, queryParams?: { [key: string]: string }) {\n    this.tryAndVisit(visitParams, queryParams);\n    this.shouldBeActive(visitParams);\n  }\n\n  tryAndVisit(params?: object, queryParams?: { [key: string]: string }) {\n    const path = this.path.toUrl(params ?? {});\n    const queryString = queryParams ? `?${new URLSearchParams(queryParams).toString()}` : '';\n    cy.visit(`/${path}${queryString}`);\n  }\n\n  shouldHaveActivityIds(...ids: string[]) {\n    cy.location('search').should('contain', `?aup-interactions=${ids.join('--')}`);\n  }\n\n  shouldNotHaveActivityIds() {\n    cy.location('search').should('not.contain', `?aup-interactions`);\n  }\n\n  shouldHaveTitle(title: string) {\n    cy.title().should('eq', title);\n  }\n\n  shouldBeActive(withParameters?: object) {\n    // Note: cy.window() doesn't return a promise... it's a chainable.\n    cy['waitUntil'](() => {\n      return cy.window().then(window => {\n        return window['aup.PlaceRouter'] && !window['aup.PlaceRouter'].isNavigating();\n      });\n    });\n\n    if (withParameters) {\n      cy.location('pathname').then(path => {\n        const urlParams = Path.extractVisitParameters(path);\n        Object.keys(withParameters).forEach(param => {\n          const expected = withParameters[param];\n          // @ts-ignore\n          expect(urlParams[param]).to.equal(expected);\n        });\n      });\n    }\n  }\n\n}\n\n\nexport namespace Page {\n\n  export function create<T extends object>(path: string, builder: Builder.ContainerCallback<T, Page, PageBuilder>): T & Page\n  // tslint:disable-next-line:unified-signatures\n  export function create<T extends object>(pathBuilder: ((pathBuilder: Path.Builder) => void), builder: Builder.ContainerCallback<T, Page, PageBuilder>): T & Page\n  export function create<T extends object>(pathOrPathBuilder: string | ((pathBuilder: Path.Builder) => void), builder: Builder.ContainerCallback<T, Page, PageBuilder>): T & Page {\n    const pathBuilder = new Path.Builder();\n    if (_.isString(pathOrPathBuilder)) {\n      pathOrPathBuilder.split('/').filter(p => !_.isEmpty(p)).forEach(p => pathBuilder.segment(p));\n    } else {\n      pathOrPathBuilder(pathBuilder);\n    }\n    const instance = new Page(pathBuilder.getPath());\n    const content = builder.call(instance, new PageBuilder(instance));\n    return Mixin.createProxy(content, instance) as T & Page;\n  }\n}\n"]}

package/esm2015/cypress/page.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"Page":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./page-element","name":"PageElement","line":7,"character":26},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./path","name":"Path","line":11,"character":29}]}],"element":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"tryAndVisit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldHaveTitle":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"Page":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./page-element","name":"PageElement","line":7,"character":26},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./path","name":"Path","line":11,"character":29}]}],"dom":[{"__symbolic":"method"}],"visit":[{"__symbolic":"method"}],"tryAndVisit":[{"__symbolic":"method"}],"shouldHaveActivityIds":[{"__symbolic":"method"}],"shouldNotHaveActivityIds":[{"__symbolic":"method"}],"shouldHaveTitle":[{"__symbolic":"method"}],"shouldBeActive":[{"__symbolic":"method"}]}}}}]

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

@@ -2,26 +2,43 @@ import { lang, Mixin } from '@coolon/typescript-utilities';
 import * as _ from 'lodash';
 import { DefaultUrlSerializer } from '@angular/router';
 
-class PageElement {
-    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;
+var ElementLocator;
+(function (ElementLocator) {
+    function findByCssSelector(selector) {
+        return {
+            findIn: parent => parent.dom().find(selector),
+            shouldNotExist: (p) => p.dom().find(selector).should('not.exist')
+        };
+    }
+    ElementLocator.findByCssSelector = findByCssSelector;
+    function findByTextContent(selector, text) {
+        return {
+            findIn(parent) {
+                return parent.dom().contains(selector, text);
+            },
+            shouldNotExist(parent) {
+                return parent.dom().should('not.contain', text);
+            }
+        };
     }
-    element() {
-        const parent = this.getParentElement();
-        return parent ? this.elementAccessStrategy.findIn(parent) : undefined;
+    ElementLocator.findByTextContent = findByTextContent;
+})(ElementLocator || (ElementLocator = {}));
+
+class PageElement {
+    constructor(parent, selectorOrLocator) {
+        this.parent = parent;
+        this.elementAccessStrategy = _.isString(selectorOrLocator) ?
+            ElementLocator.findByCssSelector(selectorOrLocator) :
+            selectorOrLocator;
     }
-    getParentElement() {
-        return this.parentElementAccessor ? this.parentElementAccessor() : undefined;
+    dom() {
+        return this.elementAccessStrategy.findIn(this.parent);
     }
     find(selector) {
-        return new PageElement(() => this.element(), selector);
+        return new PageElement(this, selector);
     }
     click(text) {
-        text ? this.element().contains(text).click() : this.element().click();
+        text ? this.dom().contains(text).click() : this.dom().click();
     }
     get should() {
         return this.getShoulder(this.getShouldElement());
@@ -30,28 +47,36 @@ class PageElement {
         return element.should.bind(element);
     }
     getShouldElement() {
-        return this.element();
+        return this.dom();
     }
     shouldBeVisible() {
         this.should('be.visible');
     }
     shouldNotBeVisible() {
+        this.should('not.be.visible');
+    }
+    shouldExist() {
+        this.dom().should('exist');
+    }
+    shouldNotExist() {
         if (!this.elementAccessStrategy.shouldNotExist) {
-            lang.abstractMethod(this.constructor);
+            this.dom().should("not.exist");
+        }
+        else {
+            this.elementAccessStrategy.shouldNotExist(this.parent);
         }
-        this.elementAccessStrategy.shouldNotExist(this.getParentElement());
     }
 }
 
-class FaceAccessor {
+class FaceElementLocator {
     constructor(face) {
         this.face = face;
     }
     findIn(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;
     }
     shouldNotExist(parent) {
@@ -64,10 +89,10 @@ class FaceAccessor {
 }
 class AupCommandFace extends PageElement {
     constructor(parentElement, face) {
-        super(() => parentElement.element(), AupCommandFace.createAccessor(face));
+        super(parentElement, AupCommandFace.createElementLocator(face));
     }
-    static createAccessor(face) {
-        return new FaceAccessor(face);
+    static createElementLocator(face) {
+        return new FaceElementLocator(face);
     }
 }
 
@@ -76,10 +101,10 @@ class AupCommand extends PageElement {
         super(parent, {
             findIn(parentElement) {
                 if (_.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(parentElement) {
@@ -97,25 +122,25 @@ class AupCommand extends PageElement {
         this.getButton().should('be.disabled');
     }
     getButton() {
-        return this.element().find('button');
+        return this.dom().find('button');
     }
 }
 
 class AupEmptyState extends PageElement {
     shouldContainText(text) {
-        this.element().should("contain.text", text);
+        this.dom().should("contain.text", text);
     }
 }
 
 class AupInput extends PageElement {
     label() {
-        return this.element().find('label');
+        return this.dom().find('label');
     }
     hint() {
-        return this.element().find('mat-hint');
+        return this.dom().find('mat-hint');
     }
     error() {
-        return this.element().find('mat-error');
+        return this.dom().find('mat-error');
     }
     get labelShould() {
         return this.getShoulder(this.label());
@@ -141,11 +166,17 @@ class AupInput extends PageElement {
     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.element().find('input');
+            return this.dom().find('input');
         }
         clear() {
             this.input().clear();
@@ -166,7 +197,7 @@ class AupInput extends PageElement {
             return this.input();
         }
         input() {
-            return this.element().find('textarea');
+            return this.dom().find('textarea');
         }
         clear() {
             this.input().clear();
@@ -192,115 +223,219 @@ class AupNavigation extends PageElement {
         this.face(label).shouldBeVisible();
     }
     shouldNotHaveLink(label) {
-        this.face(label).shouldNotBeVisible();
+        this.face(label).shouldNotExist();
     }
 }
 
+/* tslint:disable:unified-signatures */
 class AupTable extends PageElement {
-    constructor(parentElementAccessor, selector) {
-        super(parentElementAccessor, selector);
-    }
     row(rowId) {
-        return new AupTable.Row(() => this.element(), `tr[aup-table-id=${rowId}]`);
+        return new AupTable.Row(this, AupTable.cssSelectorForTableRowById(rowId));
+    }
+    rowNumber(rowNumber) {
+        return new AupTable.Row(this, AupTable.cssSelectorForNthTableRow(rowNumber));
     }
     column(columnId) {
         return new AupTable.Column(this, columnId);
     }
+    selectionColumn() {
+        return new AupTable.SelectionColumn(this, 'selection-column');
+    }
 }
 (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;
     class Row extends PageElement {
+        constructor(table, selectorOrLocator) {
+            // @ts-ignore
+            super(table, selectorOrLocator);
+            this.table = table;
+        }
+        rowId() {
+            return this.dom()
+                .invoke('attr', 'aup-row-id');
+        }
+        shouldHaveRowId(rowId) {
+            this.rowId().should("eq", rowId);
+        }
+        cell(columnOrId) {
+            const self = this;
+            const columnId = _.isString(columnOrId) ? columnOrId : columnOrId.columnId;
+            return new Cell(this.table, {
+                findIn(parent) {
+                    return self.rowId()
+                        .then(rowId => AupTable.cssSelectorForCell(rowId, columnId))
+                        .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');
+        }
     }
     AupTable.Row = Row;
-    class Column {
+    class Column extends PageElement {
         constructor(table, columnId) {
+            super(table, `aup-table-header-cell-renderer[column-id="${columnId}"]`);
             this.table = table;
             this.columnId = columnId;
         }
-        cell(content) {
+        cellContaining(content) {
             const self = this;
             return new Cell(this.table, {
                 findIn(parent) {
-                    return parent.contains(`aup-table-cell-renderer[column-id=${self.columnId}]`, content);
+                    return parent.dom().contains(cssSelectorForColumnCellRendererById(self.columnId), content);
                 }
             });
         }
+        rowContaining(content) {
+            return this.cellContaining(content).row();
+        }
     }
     AupTable.Column = Column;
+    class SelectionColumn extends Column {
+        selectAll() {
+        }
+    }
+    AupTable.SelectionColumn = SelectionColumn;
     class Cell extends PageElement {
+        constructor(table, elementLocator) {
+            super(table, elementLocator);
+            this.table = table;
+        }
+        rowId() {
+            return this.dom().closest('tr').invoke('attr', 'aup-row-id');
+        }
+        row() {
+            const self = this;
+            return new Row(this.table, {
+                findIn(parent) {
+                    return self.rowId()
+                        .then(rowId => parent.dom().find(AupTable.cssSelectorForTableRowById(rowId)));
+                }
+            });
+        }
     }
     AupTable.Cell = Cell;
+    class SelectionColumnCell extends Cell {
+    }
+    AupTable.SelectionColumnCell = SelectionColumnCell;
 })(AupTable || (AupTable = {}));
 
-function ButtonMixin(Base) {
+function FormElementMixin(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) {
+class Button extends FormElementMixin(PageElement) {
     constructor(parentElementAccessor, buttonText) {
-        super(parentElementAccessor, {
-            findIn(parent) {
-                return parent.contains('button', buttonText);
-            },
-            shouldNotExist(parent) {
-                return parent.should('not.contain', buttonText);
+        super(parentElementAccessor, ElementLocator.findByTextContent('button', buttonText));
+    }
+}
+
+class MatCheckbox extends FormElementMixin(PageElement) {
+    constructor(parentElementAccessor, text) {
+        super(parentElementAccessor, ElementLocator.findByTextContent('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();
             }
         });
     }
 }
 
 class Builder {
-    constructor(source) {
-        this.source = source;
+    constructor(parentPageElement) {
+        this.parentPageElement = parentPageElement;
     }
     find(selector) {
-        return new PageElement(this.source, selector);
+        return new PageElement(this.parentPageElement, selector);
     }
     section(selector, builder) {
         return this.createContainerElement(PageElement, selector, builder);
     }
     contains(text) {
-        return new PageElement(this.source, {
-            findIn: parent => parent.contains(text),
-            shouldNotExist: (parent) => parent.should('not.contain', text)
+        return new PageElement(this.parentPageElement, {
+            findIn(parent) {
+                return parent.dom().contains(text);
+            },
+            shouldNotExist(parent) {
+                return parent.dom().should('not.contain', text);
+            }
         });
     }
     button(text) {
-        return new Button(this.source, text);
+        return new Button(this.parentPageElement, text);
+    }
+    matCheckbox(text) {
+        return new MatCheckbox(this.parentPageElement, text);
     }
     aupStringInput(selector) {
-        return new AupInput.HtmlInput(this.source, selector !== null && selector !== void 0 ? selector : 'aup-string-input');
+        return new AupInput.HtmlInput(this.parentPageElement, 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');
+        return new AupInput.TextAreaInput(this.parentPageElement, 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');
+        return new AupInput.HtmlInput(this.parentPageElement, 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');
+        return new AupInput.HtmlInput(this.parentPageElement, selector !== null && selector !== void 0 ? selector : 'aup-number-input');
     }
     aupCommand(faceOrSelector) {
-        return new AupCommand(this.source, faceOrSelector);
+        return new AupCommand(this.parentPageElement, faceOrSelector);
     }
     aupTabbedNavigation() {
-        return new AupNavigation(this.source, 'aup-tabbed-place-navigation');
+        return new AupNavigation(this.parentPageElement, 'aup-tabbed-place-navigation');
     }
     aupSideNavigation() {
-        return new AupNavigation(this.source, 'aup-list-place-nav');
+        return new AupNavigation(this.parentPageElement, 'aup-list-place-nav');
     }
-    aupTable(selector) {
-        return new AupTable(this.source, selector !== null && selector !== void 0 ? selector : 'aup-table');
+    aupTable(selectorOrBuilder, optionalBuilder) {
+        return this.createContainerElement(AupTable, selectorOrBuilder, optionalBuilder, 'aup-table');
     }
     aupEmptyState(selectorOrBuilder, optionalBuilder) {
         return this.createContainerElement(AupEmptyState, selectorOrBuilder, optionalBuilder, 'aup-empty-state');
@@ -312,7 +447,7 @@ class Builder {
         if (!selector) {
             lang.illegalState('This element requires a selector but none was provided');
         }
-        const element = new klass(this.source, selector);
+        const element = new klass(this.parentPageElement, selector);
         if (builder) {
             return Mixin.createProxy(element, builder(element));
         }
@@ -326,7 +461,7 @@ class Builder {
         if (!selector) {
             lang.illegalState('This element requires a selector but none was provided');
         }
-        const element = new klass(this.source, selector);
+        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 Builder(element));
@@ -341,6 +476,7 @@ class Builder {
 
 class AupAbstractActivity extends PageElement {
     constructor(parent, selector) {
+        // @ts-ignore
         super(parent, selector);
         this.title = this.find('aup-activity-title');
         this._confirmCommand = new Builder(this).aupCommand('[data-cy=confirm-command]');
@@ -362,7 +498,7 @@ class AupActivity extends AupAbstractActivity {
 
 class AupModalActivity extends AupActivity {
     clickBackdrop() {
-        this.element().closest(`.cdk-overlay-backdrop`).click(-50, -50, { force: true });
+        this.dom().closest(`.cdk-overlay-backdrop`).click(-50, -50, { force: true });
     }
 }
 
@@ -383,7 +519,7 @@ class AupModalAlert extends AupAlert {
         super(parent, selector);
     }
     clickBackdrop() {
-        this.element()
+        this.dom()
             .closest(`.cdk-overlay-container`)
             .find(`.cdk-overlay-backdrop`).click(-50, -50, { force: true });
     }
@@ -469,7 +605,7 @@ class Page extends PageElement {
         this.path = path;
         this.rootElementSelector = 'body';
     }
-    element() {
+    dom() {
         return cy.get(this.rootElementSelector);
     }
     visit(visitParams, queryParams) {
@@ -536,13 +672,13 @@ class AupMoreMenu extends PageElement {
 
 class AupPopupMenu extends PageElement {
     constructor(parentElementAccessor, face) {
-        const accessor = AupCommandFace.createAccessor(face);
+        const locator = AupCommandFace.createElementLocator(face);
         super(parentElementAccessor, {
             findIn(parent) {
-                return accessor.findIn(parent).closest('button');
+                return locator.findIn(parent).closest('button');
             },
             shouldNotExist(parent) {
-                accessor.shouldNotExist(parent);
+                locator.shouldNotExist(parent);
             }
         });
     }
@@ -566,5 +702,5 @@ class AupToolBar extends PageElement {
  * Generated bundle index. Do not edit.
  */
 
-export { AupAbstractActivity, AupActivity, AupAlert, AupCommand, AupCommandFace, AupCommandGroup, AupEmptyState, AupInput, AupModalActivity, AupModalAlert, AupMoreMenu, AupNavigation, AupPopupMenu, AupTable, AupToolBar, Builder, Button, ButtonMixin, FaceAccessor, Page, PageBuilder, PageElement, Path };
+export { AupAbstractActivity, AupActivity, AupAlert, AupCommand, AupCommandFace, AupCommandGroup, AupEmptyState, AupInput, AupModalActivity, AupModalAlert, AupMoreMenu, AupNavigation, AupPopupMenu, AupTable, AupToolBar, Builder, Button, ElementLocator, FaceElementLocator, FormElementMixin, MatCheckbox, Page, PageBuilder, PageElement, Path };
 //# sourceMappingURL=coolon-angular-ui-powerups-cypress.js.map