Verkettungselement-Variablen für bessere Position im Winkelmesser

Question

Im Winkelmesser versuche ich meine Locators aufzuräumen und die Dinge ein wenig besser zu organisieren. Derzeit habe ich eine Variable, die das Element Locator für einen Dialog enthält, und eine Taste speichern:

var StoryPage = function(){ 
    this.dialog = element(by.css('md-dialog')); 
    this.saveButton = element(by.buttonText('Save')); 
} 

Meine Frage ist, gibt es eine Möglichkeit, Kette diese Elementvariablen, so dass ich den Speicher-Knopf finden innerhalb der Dialog wie folgt:

this.dialog.saveButton.click() 

oder

this.dropdown.saveButton.click() 

Vielen Dank im Voraus!

Answer 1

Ja, Sie können Kette das Element Findern in Protractor:

var StoryPage = function() { 
    this.dialog = element(by.css('md-dialog')); 
    this.saveButton = this.dialog.element(by.buttonText('Save')); 
} 

Nun ist die Save Taste würde innerhalb/im Umfang/innerhalb des md-dialog Element angeordnet sein.

---

Wenn Sie wollen „Skala“, die auf mehrere Seitenobjekte, können Sie eine Basisseite Objekt definieren:

var BasePage = function() { 
    this.getSaveButton = function() { 
     return this.dialog.element(by.buttonText('Save')); 
    } 
} 

module.exports = new BasePage(); 

Dann verwenden prototypische Vererbung Ihre andere Seite Objekte von dem erben Basis eine, die Sie haben save Tasten innerhalb der unterschiedlichen Dialog Container erlauben würde:

var BasePage = require("base"); 

var StoryPage = function(){ 
    this.dialog = element(by.css('md-dialog')); 
} 

StoryPage.prototype = Object.create(BasePage); 

module.exports = new StoryPage();