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