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 CLIv3.0.5中提供NightWatch页面对象的正确实现吗？谢谢..。

Answer 1

啊，我知道为什么不行了。

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

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

对这个愚蠢的问题很抱歉。