时间戳

首页 > 解决方案 > 如何浏览器测试 Vue.js 应用程序模拟 API 调用？

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

问题描述

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

我想使用浏览器和 selenium 对我的视图进行“单元测试”（或集成测试，无论你想怎么称呼它），但要模拟 API 调用（ajax 请求）。

建议使用哪些工具来做到这一点？

标签： spring-bootvue.jstesting

解决方案

Selenium 测试称为集成或端到端 (E2E) 测试。单元测试不是使用 Selenium 完成的，它通常使用以下工具之一完成：Jest、Karma、Jasmine、Mocha 或 Chai。（其中一些是“期望库”，其中一些是“测试运行者”，一些两者都是）

Vue中的单元测试

请查看 Vue 单元测试指南。社区目前对 Jest 有强烈的偏好，这意味着您可以免费下载的大多数工具都是针对使用 Jest 的人。

Vue 中的端到端测试

用于 e2e 测试 Vue 应用程序的现代推荐工具是 Cypress 或 Nightwatch。我将从这些开始。查看这篇文章开始。

如果你仍然想使用 Selenium，测试一个普通的 web 应用程序和测试一个 Vue web 应用程序实际上没有区别。这是因为 Selenium 在浏览器的抽象级别上运行，并不关心您发出什么网络请求、使用什么后端或使用什么前端。

你需要哪一个？

嗯，两者都有。本文将帮助指导您在它们之间进行选择，或者两者都做。每个都有权衡。我们最近完全放弃了 e2e 测试，转而编写更多的单元测试。用了快2年了，还不错

推荐阅读