这是jest教程的最后一篇文章了,也算对自己所学知识的回顾吧!
vue项目实战git地址:https://github.com/foreverhot/jest-document
在实际项目中运用jest所具备知识点
- jest (测试框架)
- 匹配器matchers
https://blog.youkuaiyun.com/Jsoning/article/details/103898385 - 钩子函数
https://blog.youkuaiyun.com/Jsoning/article/details/103984393 - 异步代码测试
https://blog.youkuaiyun.com/Jsoning/article/details/103976195 - mock 函数
https://blog.youkuaiyun.com/Jsoning/article/details/103992103 - 定时器测试
https://blog.youkuaiyun.com/Jsoning/article/details/104014997 - snapshot快照测试
https://blog.youkuaiyun.com/Jsoning/article/details/104015027 - TDD、BDD、单元测试、集成测试(简单了解)
https://blog.youkuaiyun.com/Jsoning/article/details/104015061
以上链接是对于各个知识点用法的个人总结,包括了大部分jest框架中的用法,当然也可以去查看jest的官方文档
- Vue Test Utils ( Vue.js官方的单元测试实用工具库)
- 想要在vue中更方便的使用jest进行测试的话,vue官方很贴心的提供了一个test-utils,可以更方便的对vue中的组件,DOM等进行测试
- 官网链接:https://vue-test-utils.vuejs.org/zh/
- vuejs
- 想要在vue中使用jest,对于vue框架的熟练使用是必备的
在vue中使用jest
前提已经了解以上3点基础知识
这个demo涉及到的测试功能有:
- DOM的测试
- 异步代码测试
- 定时器测试
- vuex测试
- 快照测试
- 单元测试
- 集成测试
- 等
克隆该项目,npm run test
即可查看该项目测试结果
下面我们开始分析项目demo
-
安装jest
在通过vue-cli
初始化项目的时候,选择单元测试和jest测试框架即可 -
项目结构