Vue单元测试框架选取

单元测试:关注应用中每个零部件的正常运转,防止后续修改影响之前的组件。

TDD:测试驱动型的开发方式,先写测试代码,之后编写能通过测试的业务代码,可以不断的在能通过测试的情况下重构。

BDD:行为驱动型,测试代码的风格是预期结果,更关注功能,看起来像需求文档。

vue test utils:https://vue-test-utils.vuejs.org/zh/

vue test utils推荐:Jest/mocha-webpack
Vue单元测试框架选取_第1张图片

jest mocha
github stars 35.3k 20.5k
github提交频率 1 2
上手程度 容易上手,开箱即用,功能全面 需要较多的配置
文档 https://jestjs.io/zh-Hans/ 更易阅读 https://mochajs.cn/

Jest

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5XN4Y162-1633678398758)(/Users/mybells/Desktop/%E5%85%AC%E5%8F%B8%E5%89%8D%E7%AB%AF%E6%96%87%E6%A1%A3%E6%95%B4%E7%90%86/%E5%B7%B2%E5%AE%8C%E6%88%90%E6%96%87%E6%A1%A3%E6%95%B4%E7%90%86/%E5%9B%BE%E7%89%87/%E5%8D%95%E5%85%83%E6%B5%8B%E8%AF%95%E6%A1%86%E6%9E%B6%E9%80%89%E5%8F%96/image-20210603171759509.png)]

Vue单元测试框架选取_第2张图片

https://www.cnblogs.com/lihuanqing/p/8533552.html

Vue单元测试框架选取_第3张图片

上手快效率高: Vue Test Utils + Jest

效果好: Vue Test Utils + karma + mocha + chai + sinon

sinon
https://sinonjs.org/

https://juejin.cn/post/6844903625760718855

https://segmentfault.com/a/1190000010372634

Chai

https://www.chaijs.com/api/bdd/#method_language-chains

https://segmentfault.com/a/1190000039884834

Mocha

https://mochajs.cn/

你可能感兴趣的:(Vue.js,单元测试)