等工作中扮演了关键的角 色。尽管测试的流派有很多，它们在 web 应用这个领域里主要有三大类： 单元测试 组件测试 端到端 (E2E，end-to-end) 测试 本章节致力于引导大家了解测试的生态系统的并为 Vue 应用或组件库选择适合的工具。 单元测试允许你将独立单元的代码进行隔离测试，其目的是为开发者提供对代码的信心。通过编写细致 且有意义的测试，你能够有信心在构建新特性或重构已有代码的同时，保持应用的功能和稳定。 介绍 选择框架 一流的错误报告 活跃的社区和团队 测试 - 253 - 本文档使用 书栈网 · BookStack.CN 构建 会为你提供更多的支持。 尽管生态系统里有很多工具，这里我们列出一些在 Vue 生态系统中常用的单元测试工具。 Jest 是一个专注于简易性的 JavaScript 测试框架。一个其独特的功能是可以为测试生成快照 (snapshot)，以提供另一种验证应用单元的方法。 以下章节提供了在评估最适合你的应用的组件测试框架时需要记住的事项。 框架 Jest Mocha 组件测试 介绍 选择框架 与 Vue 生态系统的最佳兼容性 测试 - 254 - 本文档使用 书栈网 · BookStack.CN 构建 毋容置疑，最重要的标准之一就是组件测试库应该尽可能与 Vue 生态系统兼容。虽然这看起来很全 面，但需要记住的一些关键集成领域包括单文件组件 (SFC)、Vuex、Vue Router

，组件应默认显示一个感叹号。 若 enthusiasmLevel 为 0 或负值，它应抛出一个错误。 我们将针对这些需求为组件写一些注释。 但首先，我们要安装Enzyme。 Enzyme是React生态系统里一个通用工具，它方便 了针对组件的行为编写测试。 默认地，我们的应用包含了一个叫做jsdom的库，它 允许我们模拟DOM以及在非浏览器的环境下测试运行时的行为。 Enzyme与此类 似，但 在这里查看快速上手指南，现在就开 始学习吧！ TypeScript Handbook（中文版） 88 Angular 2 TypeScript不是存在于真空中。 它从JavaScript生态系统和大量现存的JavaScript而 来。 将JavaScript代码转换成TypeScript虽乏味却不是难事。 接下来这篇教程将教 你怎么做。 在开始转换TypeScript之前，我们假设你已经理解了足够多本手册里的

，组件应默认显示一个感叹号。 若 enthusiasmLevel 为 0 或负值，它应抛出一个错误。 我们将针对这些需求为组件写一些注释。 但首先，我们要安装Enzyme。 Enzyme是React生态系统里一个通用工具，它方便了针对组件的行为 编写测试。 默认地，我们的应用包含了一个叫做jsdom的库，它允许我们模拟DOM以及在非浏览器的环 境下测试运行时的行为。 Enzyme与此类似，但是是 在这里查看快速上手指南，现在就开始学习吧！ Angular 2 Angular 2 - 74 - 本文档使用 书栈网 · BookStack.CN 构建 TypeScript不是凭空存在的。 它从JavaScript生态系统和大量现存的JavaScript而来。 将 JavaScript代码转换成TypeScript虽乏味却不是难事。 接下来这篇教程将教你怎么做。 在开始转 换TypeScript之前，我们假设你已经理解了足够多本手册里的内容。

作为本地集成开发环境（IDE）。访问 VS Code 官网，根据操作系统选择相 应版本的 VS Code 进行下载和安装。 图 16‑1 从官网下载 VS Code VS Code 拥有强大的扩展包生态系统，支持大多数编程语言的运行和调试。以 Python 为例，安装“Python Extension Pack”扩展包之后，即可进行 Python 代码调试。安装步骤如图 16‑2 所示。 第 16

作为本地集成开发环境（IDE）。访问 VS Code 官网，根据操作系统选择相 应版本的 VS Code 进行下载和安装。 图 16‑1 从官网下载 VS Code VS Code 拥有强大的扩展包生态系统，支持大多数编程语言的运行和调试。以 Python 为例，安装“Python Extension Pack”扩展包之后，即可进行 Python 代码调试。安装步骤如图 16‑2 所示。 第 16

作为本地集成开发环境（IDE）。访问 VS Code 官网，根据操作系统选择相 应版本的 VS Code 进行下载和安装。 图 16‑1 从官网下载 VS Code VS Code 拥有强大的扩展包生态系统，支持大多数编程语言的运行和调试。以 Python 为例，安装“Python Extension Pack”扩展包之后，即可进行 Python 代码调试。安装步骤如图 16‑2 所示。 第 16

作为本地集成开发环境（IDE）。访问 VS Code 官网，根据操作系统选择相 应版本的 VS Code 进行下载和安装。 图 16‑1 从官网下载 VS Code VS Code 拥有强大的扩展包生态系统，支持大多数编程语言的运行和调试。以 Python 为例，安装“Python Extension Pack”扩展包之后，即可进行 Python 代码调试。安装步骤如图 16‑2 所示。 第 16

作为本地集成开发环境（IDE）。访问 VS Code 官网，根据操作系统选择相 应版本的 VS Code 进行下载和安装。 图 16‑1 从官网下载 VS Code VS Code 拥有强大的扩展包生态系统，支持大多数编程语言的运行和调试。以 Python 为例，安装“Python Extension Pack”扩展包之后，即可进行 Python 代码调试。安装步骤如图 16‑2 所示。 第 16

作为本地集成开发环境（IDE）。访问 VS Code 官网，根据操作系统选择相 应版本的 VS Code 进行下载和安装。 图 16‑1 从官网下载 VS Code VS Code 拥有强大的扩展包生态系统，支持大多数编程语言的运行和调试。以 Python 为例，安装“Python Extension Pack”扩展包之后，即可进行 Python 代码调试。安装步骤如图 16‑2 所示。 第 16

作为本地集成开发环境（IDE）。访问 VS Code 官网，根据操作系统选择相 应版本的 VS Code 进行下载和安装。 图 16‑1 从官网下载 VS Code VS Code 拥有强大的扩展包生态系统，支持大多数编程语言的运行和调试。以 Python 为例，安装“Python Extension Pack”扩展包之后，即可进行 Python 代码调试。安装步骤如图 16‑2 所示。 第 16