Vue CLI 3 Nightwatch 页面对象配置

Question

我正在使用 Vue CLI 3 版本 3.0.5。
在项目配置中，我使用 Nightwatch 作为 e2e 测试工具。

我尝试使用页面对象，所以我在项目根目录中有 nightwatch.config.js 文件，并在里面添加 page_objects_path 如下所示：

{
  page_objects_path : "/tests/e2e/page-objects"
}

然后我创建 page-objects 文件夹作为此路径：/tests/e2e/page-objects。

然后我在该文件夹下设置一个页面对象 Entry.js 并尝试在测试中使用它：
/tests/e2e/page-objects/Entry.js

vmodule.exports = {
  'Test Page Object': browser => {
    browser
      .url(process.env.VUE_DEV_SERVER_URL)
      .waitForElementVisible('#app', 5000)
    browser.page.Entry().sayHello()
    browser.end()
  }
}

错误信息显示：
Cannot read property 'Entry' of undefined。

看来我的页面对象设置不正确...
谁能帮助在 Vue CLI v3.0.5 中正确实现 NightWatch 页面对象？谢谢...

Answer 1

啊，知道为什么不行了

因为nightwatch.config.js是一个javascript文件，我应该先导出它，然后插件才能读取它。

module.export = {
  page_objects_path : "/tests/e2e/page-objects" 
}

抱歉这个愚蠢的问题。

Vue CLI 3 Nightwatch 页面对象配置

Vue CLI 3 Nightwatch page object configuration

pageobjects

nightwatch.js

vue.js

e2e-testing

vue-cli-3