Vue.js应用测试

Vue因其可靠、速度快、占用空间小和通用而广受Web开发人员的喜爱。由于Vue基于组件并使用DOM方法，因此，你需要调整你的应用程序测试实践。学习特定于Vue的测试工具和策略将确保你的应用程序正常运行。本书旨在为Vue应用程序开发者提供程序测试指导，适用于不同能力水平的Vue应用程序开发者。本书通过从零编写Hacker News应用程序测试的方式，详细阐述Vue应用程序的有效测试技巧和方法。书中讲授了Vue中的很好测试实践，以及适用于任何Web开发过程的常青法。本书包括：●单元测试、快照测试、以及端到端测试●为Vue组件编写单元测试●为Vue mixin、Vuex、和Vue Router编写测试●提升测试技能, 如mock等

本书是一本为Vue应用程序开发者提供程序测试指导的书籍，适用于不同能力水平的Vue应用程序开发者。本书通过从零编写Hacker News应用程序的方式，详细阐述了Vue.js应用程序在每个开发阶段所适用的测试技巧，完整展示了编制Vue.js应用程序测试套件所需的推荐技能。本书的前两章是对测试Vue.js应用的简单介绍，以及编写Vue.js测试的基础引导；在第3章到1章，以及3章的部分中，书中针对Vue.js程序的特性，分别介绍了测试Vue组件输出、events、methods 、Vuex、Vue Router以及测试mixin、filter和SSR的方法；2章和4章介绍了常见的快照测试和端到端测试的相关内容。除此之外，书中还对测试中遇到的一些特殊情况进行了描述，作者在演示如何通过mock Date.now 方法来解决此特殊情况的同时，也向我们展示了该系列问题的解决思路。读者结合书中实例进行演练，即可迅速掌握相关测试技巧。

埃德·耶伯格（Edd Yerburgh）是一位经验丰富的JavaScript开发者, Vue核心贡献者, 官方Vue测试库的主要作者。

译者序前言致谢章  Vue程序测试介绍 11.1  测试的定义 21.1.1  手动测试 21.1.2  自动化测试 31.1.3  测试GitHub的拉取请求 31.2  测试概览 41.2.1  端到端测试概览 41.2.2  单元测试概览 61.2.3  快照测试 71.2.4  有效地组合测试类型 81.2.5  测试驱动开发 91.2.6  了解何时不进行自动化测试 91.2.7  100%代码覆盖率的谬误 101.3  编写Hacker News应用程序 111.4  Vue测试概览 121.4.1  Vue实例 121.4.2  模板和渲染函数 131.4.3  了解Vue组件系统 141.4.4  单元测试组件 16第2章  创建你的个测试 182.1  了解Vue项目结构 192.1.1  了解构建工具 192.1.2  使用Vue CLI生成项目 192.1.3  了解目录结构 202.1.4  了解npm 202.1.5  了解package.json文件 222.1.6  使用ESLint校验文件 222.1.7  编写测试脚本 232.1.8  构建项目 242.2  Jest简介 242.2.1  编写可用性测试 242.2.2  了解测试断言 272.2.3  避免误报 282.2.4  使用describe函数组织测试 292.2.5  组件的单元测试 312.2.6  使用Jest编译文件 312.2.7  挂载组件 322.3  Vue Test Utils简介 342.3.1  了解API 342.3.2  使用shallowMount 352.4  使用Chrome Debugger调试测试 36第3章  渲染组件输出测试 403.1  创建测试规范 403.1.1  不错规范 413.1.2  创建组件级规范 423.2  渲染文本测试 433.2.1  向一个组件传递prop 433.2.2  组件文本内容测试 443.2.3  使用find 453.2.4  测试元素的文本内容 463.3  测试DOM属性 473.4  测试渲染组件的数量 483.5  测试prop 513.5.1  使用Vue Test Utils props方法 513.5.2  避免测试prop过程中的陷阱 523.6  测试class 533.7  测试样式 543.7.1  访问一个包装器元素 553.7.2  向一个应用程序添加样式 553.8  何时测试渲染的组件输出 56第4章  测试组件方法 594.1  测试公共组件和私有组件方法 604.2  测试定时器函数 644.2.1  使用假定时器 654.2.2  使用spy测试 674.3  向Vue实例添加属性 694.4  模拟代码 704.4.1  模拟组件中的Vue实例属性 704.4.2  了解Jest mock函数 714.4.3  使用Vue生命周期钩子 724.5  模拟模块依赖 734.5.1  使用Jest mock模拟模块依赖 754.5.2  测试异步代码 764.5.3  适度使用mock 80第5章  测试事件 825.1  测试原生DOM事件 835.2  测试自定义事件 855.2.1  测试发射自定义事件的组件 865.2.2  测试监听Vue自定义事件的组件 885.3  测试输入表单 895.3.1  测试文本输入框 905.3.2  测试单选按钮 935.4  了解jsdom的局限性 95第6章  了解Vuex 976.1  了解state 986.2  Vuex可以解决的问题 996.3  了解Vuex store 996.3.1  创建一个store 1006.3.2  了解Vuex mutation 1016.3.3  了解Vuex action 1026.3.4  了解Vuex getter 104第7章  测试Vuex 1077.1  了解store设计 1087.2  向项目中添加Vuex 1097.3  分别测试Vuex store的组成部分 1117.3.1  测试mutation 1127.3.2  测试Vuex getter 1137.3.3  测试Vuex action 1157.4  测试一个Vuex store实例 1187.5  测试组件中的Vuex 123第8章  使用工厂函数组织测试 1298.1  了解工厂函数 1298.1.1  使代码符合DRY原则 1308.1.2  通过沿用同一种模式来提升代码质量 1318.1.3  了解工厂函数的利弊 1328.2  创建store工厂函数 1328.3  覆盖工厂函数中的默认选项 1338.4  创建包装器工厂函数 136第9章  了解 Vue Router 1419.1  了解路由 1429.1.1  了解服务端路由 1429.1.2  了解客户端路由 1439.1.3  了解Vue Router的概念 1449.1.4  了解动态路由匹配 1459.1.5  为应用程序添加Vue Router 1460章  测试 Vue Router 15010.1  测试路由属性 15110.1.1  测试$route属性 15110.1.2  测试$router属性 15510.1.3  避免常见的陷阱 15610.2  测试 RouterLink 组件 15710.3  Vuex与Vue Router配合使用 16210.3.1  把路由添加到store 16210.3.2  在store中使用路由参数 1621章  测试mixin和过滤器 16611.1  测试mixin 16611.1.1  了解mixin 16711.1.2  为mixin编写测试 16811.1.3  测试组件中的局部mixin 17111.1.4  测试组件中的全局mixin 17211.2  测试过滤器 17411.2.1  为过滤器编写测试 17511.2.2  测试使用了Date.now的过滤器 17711.2.3  测试组件中的过滤器 1802章  编写快照测试 18312.1  了解快照测试 18412.1.1  为组件编写快照测试 18612.1.2  为静态组件编写快照测试 18612.1.3  为动态组件编写快照测试 18712.2  将快照测试添加到你的工作流 1903章  测试服务端渲染 19213.1  了解服务端渲染 19313.1.1  SSR的优点 19313.1.2  SSR的缺点 195