如何浏览器测试Vue.js应用程序模拟API调用？

Question

我有一个使用Vue.js作为前端并使用Spring-boot作为后端的应用程序。

我想使用浏览器和Selenium来“查看”单元测试（或集成测试，无论您想称其为什么），但模拟API调用（ajax请求）。

推荐使用哪些工具来做到这一点？

Answer 1

硒测试称为集成测试或端到端（E2E）测试。单元测试不是使用Selenium进行的，通常是使用以下工具之一进行的：Jest，Karma，Jasmine，Mocha或Chai。 （其中有些是“期望库”，有些是“测试跑步者”，有些都是）

Vue中的单元测试

Please check out the Vue Unit Testing guide。该社区当前对Jest有强烈的偏好，这意味着您可以免费下载的大多数工具都针对使用Jest的人。

在Vue中进行端到端测试

赛普拉斯或Nightwatch是推荐用于e2e测试Vue应用程序的现代工具。我将从这些开始。 Check out this article to get started.

如果您仍然想使用Selenium，则测试普通Web应用程序和测试Vue Web应用程序之间实际上没有区别。这是因为Selenium在浏览器的抽象级别上运行，并且不在乎您发出的网络请求，使用的后端或使用的前端。

您需要哪个？

两个都好。 This article will help guide you to choose between them, or to do both。每个都有权衡。我们最近放弃了e2e测试，转而编写更多的单元测试。已经过去两年了，而且进展顺利