Logo
Section 1 / 5

设置一个 Vue 测试示例项目

在本节课中,我们将了解 Jest。我们还将学习如何设置一个 Vue.js 示例项目。

导入

设置一个 Vue 测试示例项目

在本节课中,我们将了解 Jest。我们还将学习如何设置一个 Vue.js 示例项目。

简介

Vue 是一个用于构建用户界面的框架。其核心库专注于视图层,具有很高的灵活性,可以轻松集成各种不同的库。

vue-test-utils 是基于 avoriaz 的官方 VueJS 测试库,即将推出。它提供了编写 VueJS 应用程序单元测试所需的所有工具。

另一方面,Jest 是由 Facebook 开发的测试框架。它让测试变得非常简单,具备许多出色的功能,例如:

  • 几乎无需配置,开箱即用
  • 非常酷的交互式模式
  • 支持并行测试
  • 内置 spies、stubs 和 mocks
  • 内建代码覆盖率
  • 快照测试
  • 模块模拟工具
Course Image

正如我们即将看到的,使用 Jest 进行测试比使用现有的工具(如 mocha、karma 等)要容易得多。

入门

让我们从一个默认的 Vue 应用开始:

No configuration found for ID: 6087e48e4e627d3cb6d72d29ef2c43b9978b883866bee3e882b28933edb06849

注意: 此应用中已安装所有必需的依赖项。如果希望在本地搭建项目环境,请按官方文档自行配置。


现在我们已经搭建好了 Vue 测试示例项目,接下来进入组件测试环节。

组件测试