第1章Vue程序测试介绍

1.1测试的定义

1.1.1手动测试

1.1.2自动化测试

1.1.3测试GitHub的拉取请求

1.2测试概览

1.2.1端到端测试概览

1.2.2单元测试概览

1.2.3快照测试

1.2.4有效地组合测试类型

1.2.5测试驱动开发

1.2.6了解何时不进行自动化测试

1.2.7 100％代码覆盖率的谬误

1.3编写Hacker News应用程序

1.4 Vue测试概览

1.4.1 Vue实例

1.4.2模板和渲染函数

1.4.3了解Vue组件系统

1.4.4单元测试组件

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

2.1了解Vue项目结构

2.1.1了解构建工具

2.1.2使用Vue CLI生成项目

2.1.3了解目录结构

2.1.4了解npm

2.1.5了解package json文件

2.1.6使用ESLint校验文件

2.1.7编写测试脚本

2.1.8构建项目

2.2 Jest简介

2.2.1编写可用性测试

2.2.2了解测试断言

2.2.3避免误报

2.2.4使用describe函数组织测试

2.2.5组件的单元测试

2.2.6 使用Jest编译文件

2.2.7挂载组件

2.3 Vue Test Utils简介

2.3.1了解API

2.3.2使用shallowMount

2.4使用Chrome Debugger调试测试

第3章 渲染组件输出测试

3.1创建测试规范

3.1.1高级规范

3.1.2创建组件级规范

3.2渲染文本测试

3.2.1向一个组件传递prop

3.2.2组件文本内容测试

3.2.3使用find

3.2.4测试元素的文本内容

3.3测试DOM属性

3.4测试渲染组件的数量

3.5测试prop

3.5.1使用Vue Test Utils props方法

3.5.2避免测试prop过程中的陷阱

3.6测试class

3.7测试样式

3.7.1访问一个包装器元素

3.7.2向一个应用程序添加样式

3.8何时测试渲染的组件输出

第4章 测试组件方法

4.1测试公共组件和私有组件方法

4.2测试定时器函数

4.2.1使用假定时器

4.2.2使用spy测试

4.3向Vue实例添加属性

4.4模拟代码

4.4.1模拟组件中的Vue实例属性

4.4.2了解Jest mock函数

4.4.3使用Vue生命周期钩子

4.5模拟模块依赖

4.5.1使用Jest mock模拟模块依赖

4.5.2测试异步代码

4.5.3适度使用mock

第5章 测试事件

5.1测试原生DOM事件

5.2测试自定义事件

5.2.1测试发射自定义事件的组件

5.2.2测试监听Vue自定义事件的组件

5.3测试输入表单

5.3.1测试文本输入框

5.3.2测试单选按钮

5.4了解jsdom的局限性

第6章 了解Vuex

6.1了解state

6.2 Vuex可以解决的问题

6.3了解Vuexstore

6.3.1创建一个store

6.3.2了解Vuex mutation

6.3.3了解Vuex action

6.3.4了解Vuex getter

第7章 测试Vuex

7.1了解store设计

7.2向项目中添加Vuex

7.3分别测试Vuex store的组成部分

7.3.1测试mutation

7.3.2测试Vuex getter

7.3.3测试Vuex action

7.4测试一个Vuex store实例

7.5测试组件中的Vuex

第8章 使用工厂函数组织测试

8.1了解工厂函数

8.1.1使代码符合DRY原则

8.1.2通过沿用同一种模式来提升代码质量

8.1.3了解工厂函数的利弊

8.2创建store工厂函数

8.3覆盖工厂函数中的默认选项

8.4创建包装器工厂函数

第9章 了解Vue Router

9.1了解路由

9.1.1了解服务端路由

9.1.2了解客户端路由

9.1.3了解Vue Router的概念

9.1.4了解动态路由匹配

9.1.5为应用程序添加Vue Router

第10章 测试Vue Router

10.1测试路由属性

10.1.1测试$route属性

10.1.2测试$router属性

10.1.3避免常见的陷阱

10.2测试RouterLink组件

10.3 Vuex与Vue Router配合使用

10.3.1把路由添加到store

10.3.2在store中使用路由参数

第11章 测试mixin和过滤器

11.1测试mixin

11.1.1了解mixin

11.1.2为mixin编写测试

11.1.3测试组件中的局部mixin

11.1.4测试组件中的全局mixin

11.2测试过滤器

11.2.1为过滤器编写测试

11.2.2测试使用了Date.now的过滤器

11.2.3测试组件中的过滤器

第12章 编写快照测试

12.1了解快照测试

12.1.1为组件编写快照测试

12.1.2为静态组件编写快照测试

12.1.3为动态组件编写快照测试

12.2将快照测试添加到你的工作流

第13章 测试服务端渲染

13.1了解服务端渲染

13.1.1 SSR的优点

13.1.2 SSR的缺点

13.2测试服务端渲染的组件

13.2.1使用Vue Server Test Utils

13.2.2使用render遍历服务端渲染的标签

13.3使用SuperTest测试状态码

13.4隐式测试SSR

第14章 编写端到端测试

14.1了解端到端测试

14.1.1高效地使用端到端测试

14.1.2了解Nightwatch和WebDriver

14.2把Nightwatch添加到项目中

14.2.1安装依赖项

14.2.2配置Nightwatch

14.2.3添加一个可用性测试

14.2.4编写一个端到端测试脚本

14.3使用Nightwatch编写端到端测试

14.3.1选择要编写哪些端到端测试

14.3.2为路由编写端到端测试

14.3.3为动态数据编写端到端测试

14.4在多浏览器运行端到端测试

14.5接下来何去何从

附录A安装开发环境

附录B运行生产构建

附录C练习题答案