前端要学的测试课 从Jest入门到TDD/BDD双实战
**** Hidden Message *****Dell老师有话说:会测试的前端有未来,不会测试的前端被挤压!
前端工程越来越复杂, 光靠工程师的常规工作来维护项目变得越发困难。
在前端开发中引入自动化测试技术,让项目质量可以通过自动化工具来保障,
将解决这个难题。从实际应用情况来说,大小公司也都越来越重视测试,
大公司工程大,必然要测试;小公司分工没有那么细,要求”一角多能“,前端工程师更要承担测试工作。
另外,掌握测试不只是一种技能,它更能提升你的架构思维、编码能力和把控项目整体稳定性的能力。
未来的前端工程师,自动化测试将是必会内容,Jest就是你的不二选择
在国外,只要是稍大一点的项目都会用自动化测试,国内公司也越来越重视,并且越来越多的前端工程师承担了这项工作
[*]
当项目比较重时
项目历史包袱比较重,难以维护,每次上线都提心吊胆,这个时候用自动化测试就可以解决问题
[*]
当开发基础库或工具时
当开发基础组件库或者通用工具时,要确保代码质量,这个时候也要用到前端自动化测试
[*]
当引入新技术方案时
当你想引入新技术方案时,使用自动化测试可以提前避免很多“坑”,也适合学习之后在项目中使用
使用JavaScript的主流前端自测框架JEST-全程手写代码从入门到进阶
Jest以JS开发,前端工程师可以零语言成本入门,是当前大多数工程师及公司的主流选择
[*]
/static/module/class/content/img/372/section2-i2.png
Jest进阶
snapshot 快照测试
mock 深入学习
mock timers
ES6 中类的测试
Jest中对 DOM 节点操作的测试
[*]
/static/module/class/content/img/372/section2-i1.png
Jest入门
自动化测试背景及原理
Jest自动化测试框架简介
用 Jest 修改自动化测试样例
Jest 的配置/匹配器
Jest 命令行工具的使用
异步代码的测试方法
Jest 中的钩子函数
钩子函数的作用域
Jest 中的 Mock
以Vue/React项目进行TDD/BDD双测试实战-前端工程师上手更容易
以前端熟悉的主流框架开发的项目进行实战,让学习更贴近实际工作,也让你的学习成本更低
[*]
React 中的TDD测试
(先写测试,再写代码,单元测试为主)
React 环境中配置 Jest
Enzyme 的配置及使用
使用 TDD 的方式开发 Header 组件
Header 组件样式新增及快照测试
通用代码提取封装
UndoList 的实现
UndoList 样式修饰及测试代码优化
UndoList 编辑功能实现
CodeCoverage 代码覆盖率
[*]
Vue 中的TDD测试
(先写测试,再写代码,单元测试为主)
Vue 环境中配置 Jest
vue-test-utils 的配置及使用
使用 TDD 的方式开发 Header 组件
Header 组件样式新增及快照测试
通用代码提取封装
UndoList 的实现
UndoList 样式修饰及测试代码优化
UndoList 编辑功能实现
CodeCoverage 代码覆盖率
[*]
Vue 中的BDD测试
(先写测试,再写代码,集成测试为主)
BDD+集成测试改写项目
Jest 测试 Vuex
Jest 模拟异步请求
Jest 测试路由
[*]
React 中的BDD测试
(先写测试,再写代码,集成测试为主)
BDD+集成测试改写项目
Jest 测试 Redux
Jest 模拟异步请求
Jest 测试路由
学员专享增值服务
问答专区,讲师集中答疑
关于课程的问题都可在问答区随时提
问,讲师会进行集中答疑
源码开放,整套代码下载
课程案例代码完全开放给你,你可以根
据所学知识,自行修改、优化
适合人群
适合未来想在前端路上进一步发展的前端工程师
尤其适合想在前端测试和架构方面有所提升的工程师
技术储备要求
掌握Javascript
熟悉React/Vue基础知识
**** Hidden Message *****
页:
[1]