Vue.js应用测试

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

第1章Vue程序测试介绍1
1.1测试的定义2
1.1.1手动测试2
1.1.2自动化测试3
1.1.3测试GitHub的拉取请求3
1.2测试概览4
1.2.1端到端测试概览4
1.2.2单元测试概览6
1.2.3快照测试7
1.2.4有效地组合测试类型8
1.2.5测试驱动开发9
1.2.6了解何时不进行自动化测试9
1.2.7100%代码覆盖率的谬误10
1.3编写Hacker News应用程序11
1.4Vue测试概览12
1.4.1Vue实例12
1.4.2模板和渲染函数13
1.4.3了解Vue组件系统14
1.4.4单元测试组件16
第2章创建你的第一个测试18
2.1了解Vue项目结构19
2.1.1了解构建工具19
2.1.2使用Vue CLI生成项目19
2.1.3了解目录结构20
2.1.4了解npm20
2.1.5了解package.json文件22
2.1.6使用ESLint校验文件22
2.1.7编写测试脚本23
2.1.8构建项目24
2.2Jest简介24
2.2.1编写可用性测试24
2.2.2了解测试断言27
2.2.3避免误报28
2.2.4使用describe函数组织测试29
2.2.5组件的单元测试31
2.2.6使用Jest编译文件31
2.2.7挂载组件32
2.3Vue Test Utils简介34
2.3.1了解API34
2.3.2使用shallowMount35
2.4使用Chrome Debugger调试测试36
第3章渲染组件输出测试40
3.1创建测试规范40
3.1.1高级规范41
3.1.2创建组件级规范42
3.2渲染文本测试43
3.2.1向一个组件传递prop43
3.2.2组件文本内容测试44
3.2.3使用find45
3.2.4测试元素的文本内容46
3.3测试DOM属性47
3.4测试渲染组件的数量48
3.5测试prop51
3.5.1使用Vue Test Utils props方法51
3.5.2避免测试prop过程中的陷阱52
3.6测试class53
3.7测试样式54
3.7.1访问一个包装器元素55
3.7.2向一个应用程序添加样式55
3.8何时测试渲染的组件输出56
第4章测试组件方法59
4.1测试公共组件和私有组件方法60
4.2测试定时器函数64
4.2.1使用假定时器65
4.2.2使用spy测试67
4.3向Vue实例添加属性69
4.4模拟代码70
4.4.1模拟组件中的Vue实例属性70
4.4.2了解Jest mock函数71
4.4.3使用Vue生命周期钩子72
4.5模拟模块依赖73
4.5.1使用Jest mock模拟模块依赖75
4.5.2测试异步代码76
4.5.3适度使用mock80
第5章测试事件82
5.1测试原生DOM事件83
5.2测试自定义事件85
5.2.1测试发射自定义事件的组件86
5.2.2测试监听Vue自定义事件的组件88
5.3测试输入表单89
5.3.1测试文本输入框90
5.3.2测试单选按钮93
5.4了解jsdom的局限性95
第6章了解Vuex97
6.1了解state98
6.2Vuex可以解决的问题99
6.3了解Vuexstore99
6.3.1创建一个store100
6.3.2了解Vuex mutation101
6.3.3了解Vuex action102
6.3.4了解Vuex getter104
第7章测试Vuex107
7.1了解store设计108
7.2向项目中添加Vuex109
7.3分别测试Vuex store的组成部分111
7.3.1测试mutation112
7.3.2测试Vuex getter113
7.3.3测试Vuex action115
7.4测试一个Vuex store实例118
7.5测试组件中的Vuex123
第8章使用工厂函数组织测试129
8.1了解工厂函数129
8.1.1使代码符合DRY原则130
8.1.2通过沿用同一种模式来提升代码质量131
8.1.3了解工厂函数的利弊132
8.2创建store工厂函数132
8.3覆盖工厂函数中的默认选项133
8.4创建包装器工厂函数136
第9章了解Vue Router141
9.1了解路由142
9.1.1了解服务端路由142
9.1.2了解客户端路由143
9.1.3了解Vue Router的概念144
9.1.4了解动态路由匹配145
9.1.5为应用程序添加Vue Router146
第10章测试Vue Router150
10.1测试路由属性151
10.1.1测试$route属性151
10.1.2测试$router属性155
10.1.3避免常见的陷阱156
10.2测试RouterLink组件157
10.3Vuex与Vue Router配合使用162
10.3.1把路由添加到store162
10.3.2在store中使用路由参数162
第11章测试mixin和过滤器166
11.1测试mixin166
11.1.1了解mixin167
11.1.2为mixin编写测试168
11.1.3测试组件中的局部mixin171
11.1.4测试组件中的全局mixin172
11.2测试过滤器174
11.2.1为过滤器编写测试175
11.2.2测试使用了Date.now的过滤器177
11.2.3测试组件中的过滤器180
第12章编写快照测试183
12.1了解快照测试184
12.1.1为组件编写快照测试186
12.1.2为静态组件编写快照测试186
12.1.3为动态组件编写快照测试187
12.2将快照测试添加到你的工作流190
第13章测试服务端渲染192
13.1了解服务端渲染193
13.1.1SSR的优点193
13.1.2SSR的缺点195
13.2测试服务端渲染的组件196
13.2.1使用Vue Server Test Utils197
13.2.2使用render遍历服务端渲染的标签199
13.3使用SuperTest测试状态码200
13.4隐式测试SSR203
第14章编写端到端测试205
14.1了解端到端测试206
14.1.1高效地使用端到端测试206
14.1.2了解Nightwatch和WebDriver207
14.2把Nightwatch添加到项目中208
14.2.1安装依赖项208
14.2.2配置Nightwatch209
14.2.3添加一个可用性测试210
14.2.4编写一个端到端测试脚本211
14.3使用Nightwatch编写端到端测试212
14.3.1选择要编写哪些端到端测试213
14.3.2为路由编写端到端测试213
14.3.3为动态数据编写端到端测试215
14.4在多浏览器运行端到端测试217
14.5接下来何去何从218
附录A安装开发环境220
附录B运行生产构建226
附录C练习题答案228