在 Vue.js 中进行端到端 (e2e) 测试的正确方法是什么

Question

因为我可以使用带有 xpath 的 selenium-standalone 来测试应用程序。但有时测试 SPA 可能具有挑战性。

但是，例如 angularjs 的 团队为此提供了 量角器。

正如我所看到的，量角器背后的原因是量角器会等到 angularjs 被加载并且还有一些其他功能：

Protractor 提供了一些新的定位器策略和功能，这对自动化 AngularJS 应用程序非常有帮助。示例包括：waitForAngular、By.binding、By.repeater、By.textarea、By.model、WebElement.all、WebElement.evaluate 等。

所以，问题是：在 Vuejs 中进行端到端测试是否有任何工具或最佳实践？

UPD： 随时发布指向教程、示例和有关 vue.js 中的 e2e 测试的所有精彩内容的链接。谢谢。

原文由 Sergei Panfilov 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您正在考虑的工具是 Nightwatch 。这样，您就可以使用 Vue.js 进行 E2E 测试。

更好的是，当您使用 vue-cli 时，它默认捆绑在一起，随时可以运行。

创建一个默认激活 Nightwatch 的项目的命令行是 vue init webpack myProjectName 。

这里有一些关于它的 小 教程。

编辑：最近我经常使用 Webdriver.io ，我必须说我更喜欢它而不是 Nightwatch（更好的文档、带有实时 gitter 的反应社区、及时处理的问题等）

原文由 Alex 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

我建议使用 https://devexpress.github.io/testcafe 。

优点：

• 易于安装
• 完整的测试工具
• 带有（异步/等待）的 JavaScript ES2016
• 灵活的选择器系统
• 具有重试策略的智能断言
• 报告

请参阅 此处 的简单教程

原文由 mlosev 发布，翻译遵循 CC BY-SA 3.0 许可协议