在 Nightwatch.js 中创建一个简单的基本页面对象

Question

好的，所以我已经阅读了 nightwatch.js 中 page_objects 的使用，但我仍然遇到了一些问题（我确信这是由于一些明显的原因和/或简单）。

以http://nightwatchjs.org/guide/#page-objects 为指导，我在我的page_objects 文件夹中添加了文件cookieremoval.js。

module.exports = {
  elements: {
    removeCookies: {
    selector: '.banner_continue--2NyXA'
    }
  }
}

在我的 nightwatch.conf.js 文件中；

page_objects_path: "tests/functional/config/page_objects",

在我的测试脚本中有；

module.exports = {
  "/cars/road-tax redirects to /car-tax/ ": browser => {
  browser.url(browser.launch_url + browser.globals.carReviews)
    .assert.urlEquals(browser.launchUrl + "/car-reviews/") 
    .waitForElementPresent('@cookieRemove', 3000)
    .click('@cookieRemove')
  .end(); 
  },
};

但是，当我运行测试时，我不断收到错误读数；

Timed out while waiting for element <@cookieRemove> 

任何想法为什么这不起作用？

非常感谢

Answer 1

首先，您从未实例化您的页面对象。您要求浏览器对象搜索未知元素，这就是它超时的原因。您的代码在测试脚本中应如下所示：var cookieRemoval = browser.page.cookieremoval(); 然后使用此对象访问页面对象中的这些变量和函数。例如，如果你想访问删除 cookie 元素，那么你可以这样做cookieRemoval.click('@removeCookies');。

其次，您必须知道何时使用全局 browser 对象以及何时使用您的页面对象。如果您需要访问页面对象中的某些内容，显然使用页面对象来调用函数或访问变量。否则，browser 将不知道您要查找的元素是否存在。希望这对您有所帮助，我肯定会花更多时间学习对象，特别是它们在 nightwatch.js 中的使用方式。