Vue.js应用测试
上QQ阅读APP看书,第一时间看更新

第2章 创建你的第一个测试

本章内容

·编写npm脚本

·使用ESLint捕获格式错误

·使用Jest编写单元测试

·使用Vue Test Utils为Vue组件编写单元测试

·使用Chrome调试工具调试Jest测试

千里之行始于足下,每个伟大的测试套件都要从一个简单的测试开始。本章是关于如何编写第一个测试的。在本章结束时,你将拥有一个测试脚本,可以用于检查项目是否存在格式错误,并针对一个Vue组件运行单元测试。

要完成本章内容,你需要先安装正确的程序并设置好环境。你可以在附录A中找到安装和设置说明。参照说明安装项目并切换到chapter-2分支,然后返回本章。

本章第一部分是关于项目结构的。你将学习如何使用npm管理依赖与运行脚本,然后设置Jest来运行一个简单的单元测试。

完成Jest设置后,你将开始为Vue组件编写第一个单元测试。为此,你需要学习如何使用Jest编译组件,以及如何使用官方Vue测试库——Vue Test Utils。

本章最后一部分是关于调试的。具体来说,书中将告诉你如何使用Node Debugger和Chrome Developer工具调试在Jest中运行的测试代码。到本章结束时,你将快速完成测试设置并为第3章的Vue组件输出测试做好准备。

首先来探究一下Vue项目结构。