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

Question

因为我可以使用selenium-standalone和xpath来测试应用程序.但测试SPA可能会在某个时候发生挑战.

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

我可以看到量角器背后的原因是量角器等到angularjs将被加载并且还有更多的功能:

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

所以,问题是:在Vuejs中进行e2e测试是否是任何工具或最佳实践？

UPD:随时发布指向教程的链接,示例以及关于vue.js中e2e-testing的一切.谢谢.

Answer 1

你正在考虑的工具是Nightwatch.有了这个,你可以使用Vue.js进行E2E测试.

更好的是,当您使用vue-cli,准备运行时,默认捆绑.

默认情况下,使用Nightwatch创建项目的命令行是vue init webpack myProjectName.

这是关于它的小 教程.

编辑:最近我经常使用Webdriver.io,我必须说我更喜欢Nightwatch(更好的文档,带有实时gitter的反应式社区,及时处理的问题等)

Answer 2

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

优点:

• 易于安装
• 完整的测试工具
• javascript ES2016 with(async/await)
• 灵活的选择系统
• 使用重试策略的智能断言
• 报告

请参阅此处的简单教程

Answer 3

我推荐赛普拉斯.

• 单个NPM依赖
• 视频录制开箱即用
• GUI显示测试的每个步骤.

我们的文档很棒:https://on.cypress.io/intro

对于Vue,请参阅本教程:https://vuejsdevelopers.com/2018/01/29/vue-js-e2e-test-hacker-news/,如果您想对Vue组件https:// github进行单元测试. COM/bahmutov /桧VUE-单元测试

快乐的测试.