[开发测试] Vue单元测试框架选取

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> 开发测试 -> Vue单元测试框架选取 -> 正文阅读

[开发测试]Vue单元测试框架选取

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

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