Webdriver.io pageObject圖案 - 通過使參數

Question

我下面的例子中，爲了定義pageObjects內的元件，使用該ID選擇限定元件選擇器...

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'); } }, 

... 

我尋找一種方法來通過一個可以讓我動態定義選擇器的參數。例如'#firstName-0'我想要'#firstName-' + i，所以我可以收集多個名字。

我已經試過

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

然後在考試..

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

但抱怨說get()不是一個函數。

Doe任何人有任何想法？

Answer 1

這裏有一個方法來定義一個屬性的功能與屬性描述：

var Page = require('./page') 

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

用法：

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