如何对第一个Vue.js组件进行单元测试 （上）

首先，为什么要单元测试组件？

　　单元测试是持续集成的关键。通过专注于小的、独立的实体，确保单元测试始终按预期运行，使代码更加可靠，你可以放心地迭代你的项目而不必担坏事儿。

　　单元测试不仅限于脚本。可以独立测试的任何东西都是可单元测试的，只要你遵循一些好的做法。这些实例包括单一责任、可预测性和松散耦合。

　　作为我们应用程序的可重用实体，Vue.js组件是单元测试的理想选择。我们将用不同的输入和交互测试做好的单个单元，并确保它始终按照我们的预期运行。

　　在开始之前

　　Vue CLI 3发布了。Vue Test Utils-官方的Vue.js单元测试实用程序库-已经成长为beta版。在第一篇教程中，我们使用了webpack-simple，一个不包含测试功能的原型模板。出于这些原因，最简单的方法是“擦干净黑板”并将项目从教程迁移到更新后的Vue.js安装。

　　我从第一个教程重新创建了项目，因此您可以直接从GitHub下载它。然后导航到解压缩的目录并安装依赖项。

　　注意：确保在继续之前安装Node.js：

　

　　运行项目：

　　

　　Vue Test Utils和Jest

　　在本教程中，我们将使用Vue Test Utils——官方Vue.js测试工具包，以及Jest，一个由Facebook支持的JavaScript测试运行器。

　　Vue Test Utils允许您单独安装Vue组件并模拟用户交互。它有测试单个文件组件所需的所有实用程序，包括使用Vue Router或Vuex的实用程序。

原文链接