选择器应该用一个函数初始化

Question

我成功地选择了一堆页面元素，现在我将所有这些元素传递给单独的页面模型和辅助函数。

关于后者，我创建了一个辅助函数class如下：

import { Selector } from 'testcafe';

export default class Helpers {
  selectPageElement (elementName) {
    const elementTitle = Selector ('div').child('h2');

    const numberOfElements = elementTitle.count;

    if (numberOfElements) {
      for (let i = 0; i < numberOfElements; i++) {
        if (elementTitle.nth(i) === 'aname') {
          return elementTitle.nth(i);
        }
      }
    } else {
      return false;
    }
  }
}

然后在我的测试文件中调用该方法如下：

import { ClientFunction, Selector } from 'testcafe';
import Helpers from './helpers';

...
const helpers = new Helpers();

test('Test name', async t => {
  ...
  await t
    .click(helpers.selectPageElement('Element Name'));
});

但我收到以下错误：

Action "selector" argument error:

Selector is expected to be initialized with a function, CSS selector string, 
another Selector, node snapshot or a Promise returned by a Selector,
but undefined was passed.

我是 ES6 的新手，所以我相信这与我调用方法的方式有关。

Answer 1

解决方案可能是：

export default class Helpers {
  selectPageElement (elementName) {
    return Selector('div > h2')
      .withText(elementName);
  }
}

选择器应该用一个函数初始化

Selector is expected to be initialized with a function

testing

automated-tests

ecmascript-6

e2e-testing

testcafe