更新时间:2020-09-03 18:52:55
封面
版权信息
译者序
前言
致谢
第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 了解Vuex store
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的组成部分