vue.js - Vue CLI 3 Nightwatch页面对象配置

Question

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

我尝试使用页面对象，因此我在项目根目录中有 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()
  }
}

错误消息显示:
无法读取未定义的属性“Entry”。

看起来我的页面对象设置不正确...
任何人都可以帮助在 Vue CLI v3.0.5 中提供 NightWatch 页面对象的正确实现吗？谢谢...

Answer 1

啊，我知道为什么它不起作用了。

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

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

抱歉问了个愚蠢的问题。