导入
设置一个 Vue 测试示例项目
在本节课中,我们将了解 Jest。我们还将学习如何设置一个 Vue.js 示例项目。
简介
Vue 是一个用于构建用户界面的框架。其核心库专注于视图层,具有很高的灵活性,可以轻松集成各种不同的库。
vue-test-utils 是基于 avoriaz 的官方 VueJS 测试库,即将推出。它提供了编写 VueJS 应用程序单元测试所需的所有工具。
另一方面,Jest 是由 Facebook 开发的测试框架。它让测试变得非常简单,具备许多出色的功能,例如:
- 几乎无需配置,开箱即用
- 非常酷的交互式模式
- 支持并行测试
- 内置 spies、stubs 和 mocks
- 内建代码覆盖率
- 快照测试
- 模块模拟工具

正如我们即将看到的,使用 Jest 进行测试比使用现有的工具(如 mocha、karma 等)要容易得多。
入门
让我们从一个默认的 Vue 应用开始:
No configuration found for ID: 6087e48e4e627d3cb6d72d29ef2c43b9978b883866bee3e882b28933edb06849
注意: 此应用中已安装所有必需的依赖项。如果希望在本地搭建项目环境,请按官方文档自行配置。
现在我们已经搭建好了 Vue 测试示例项目,接下来进入组件测试环节。