Vue单元测试框架选取

最新推荐文章于 2024-06-12 10:20:08 发布

My_Bells

最新推荐文章于 2024-06-12 10:20:08 发布

阅读量607

点赞数

分类专栏： Vue.js 文章标签：单元测试

本文链接：https://blog.csdn.net/qwe435541908/article/details/120653069

版权

Vue.js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

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

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

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

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

vue test utils推荐：Jest/mocha-webpack
在这里插入图片描述

	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)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-a9Va3oQI-1633678398760)(/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-20210603172411429.png)]

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-zcAL67MP-1633678398761)(/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-20210907161800873.png)]

上手快效率高： 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/

My_Bells

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Vue单元测试框架选取

单元测试：关注应用中每个零部件的正常运转，防止后续修改影响之前的组件。TDD：测试驱动型的开发方式，先写测试代码，之后编写能通过测试的业务代码，可以不断的在能通过测试的情况下重构。BDD：行为驱动型，测试代码的风格是预期结果，更关注功能，看起来像需求文档。vue test utils：https://vue-test-utils.vuejs.org/zh/vue test utils推荐：Jest/mocha-webpackjestmochagithub stars35.
复制链接

扫一扫

专栏目录