javascript - Nightwatch(PageObject) 从不同的页面对象访问元素

Question

有没有办法从另一个页面对象文件访问一个页面对象文件中定义的元素？

例子:如果我们需要从 LoginPage.ts 文件访问“@usernameInput”，是否需要从 HomePage.ts 复制它？还有其他办法吗？

HomePage.ts
  const page: PageObject = {
    url: ...,
    commands: [
    enterUsername: (query: string) => {
      return this
        .waitForElementVisible('@usernameInput')
  }],
    elements: {
      usernameInput: {
        locateStrategy: 'xpath',
        selector: '//input[@name="Username"]',
      }
  };

LoginPage.js
  const page: PageObject = {
    url: ...,
    commands: [
    enterUsername: (query: string) => {
      return this
        .waitForElementVisible('@usernameInput')
  }],
    elements: {}
  };

Answer 1

您可以使用 this.api.page.pageObjectName 从一个页面对象访问另一个页面对象。

在你的例子中你会做

const loginPage = this.api.page.loginPage();

然后要获取 usernameInput 元素，您可以这样做

const usernameInput = loginPage.elements.usernameInput.selector;

因此您的enterUsername 函数应该如下所示

enterUsername: (query: string) => {
  const loginPage = this.api.page.loginPage();
  const usernameInput = loginPage.elements.usernameInput.selector;

  return this
    .waitForElementVisible(usernameInput)
    .setValue(usernameInput, query);
}