Webdriver.io Pageobject pattern - definieren Wählelement durch Argument übergeben

Question

ich nach dem Beispiel, um Elemente innerhalb pageObjects zu definieren, die ID-Selektor ...

var Page = require('./page') 

var MyPage= Object.create(Page, { 
    /** 
    * define elements 
    */ 
    firstName: { get: function() { return browser.element('#firstName-0'); } }, 
    lastName: { get: function() { return browser.element('#lastName-0'); } }, 

... 

ich einen Weg suchen passieren ein Argument, mit dem ich den Selektor dynamisch definieren könnte. z.B. '#firstName-0' Ich hätte gerne '#firstName-' + i, also könnte ich mehrere Vornamen sammeln.

Ich habe

versucht

firstName: { get: function (i) { return browser.element('#firstName-' + i);}} 

dann im Test ..

MyPage.firstName.get(0).setValue('foo'); 

aber es beschwert sich, dass get() keine Funktion ist.

Doe jemand Ideen haben?

Answer 1

Hier ist ein Weg, um eine Funktion auf einem Grundstück mit einem Eigenschaftendeskriptor zu definieren:

var Page = require('./page') 

var MyPage= Object.create(Page, { 
    /** 
    * define elements 
    */ 
    firstName: { value: { get: function (i) { return browser.element('#firstName-' + i); } } }, 
... 

Verbrauch:

MyPage.firstName.get(0).setValue('foo');