Nightwatch（PageObject）+ TypeScript无法使用@符号定位元素

Question

在执行期间，无法使用元素中的 @ 符号链接定位器。

错误：无法使用 xpath 定位元素：“@queryInput”

代码：

import * as config from 'config';
import { NightWatchClient, PageObject } from 'nightwatch';

const pageConfig = config.get<IPageConfig>('pages.google');

const page: PageObject = {
  url: pageConfig.url,
  elements: {
    queryInput: { 
      selector: '//input[@name="q"]',
      locateStrategy: 'xpath'
     }
  },
  commands: [
    {
      enterQuery: (client: NightWatchClient, query: string) => {
        return client
          .waitForElementVisible('//input[@name="q"]', 5000)
          //.setValue('//input[@name="q"]', [query, client.Keys.ENTER])
          .setValue('@queryInput', [query, client.Keys.ENTER])
          .waitForElementVisible('//*[@id="res"]', 5000);
      },
    },
  ]  
};

export = page;

填写code

Link

Answer 1

你不需要传入 nightwatch 客户端。您已经可以在页面对象类中使用this 或this.api。尝试将this 转储到页面对象中的控制台，您将看到所有可用的属性。这适用于 JS，因此它应该在 TS 中以相同的方式工作。

您可以通过将函数更改为以下内容来使选择器工作：

enterQuery: (query: string) => {
    return this
      .waitForElementVisible('//input[@name="q"]', 5000)
      .setValue('@queryInput', [query, client.Keys.ENTER])
      .waitForElementVisible('//*[@id="res"]', 5000);
  }