vue组件推荐,
单元测试是软件开发的一个非常基本的部分。单元测试将关闭最小化单元的代码的执行，使得添加新特性和跟踪问题变得更加容易。Vue的单文件组件使得为组件编写隔离的单元测试更加直接。这将使您更有信心在不破坏现有实现的情况下开发新功能，并帮助其他开发人员理解您的组件的作用。
目录
框架
一流的错误报告
活跃的社区和团队
玩笑
摩卡
推荐的插件
Vue测试库(@testing-library/vue)
Vue测试工具
示例单元测试应该：
能跑的很快。
容易理解
只测试一个独立单元的工作。
框架
因为单元测试的建议通常是独立于框架的，下面是一些评估应用的单元测试工具时需要的基本指南。
一流的错误报告
当测试失败时，提供有用的错误信息对于单元测试框架是必不可少的。这是断言库的职责。具有高质量错误信息的断言可以最大限度地减少调试问题所需的时间。除了简单地告诉你什么测试失败了，断言库还应该提供额外的上下文和测试失败的原因，比如预期结果和实际结果。
一些单元测试框架如Jest将包含断言库。其他的，比如Mocha，需要你单独安装断言库(一般是柴)。
活跃的社区和团队
因为主流的单元测试框架是开源的，所以对于一些旨在长期维护他们的测试并确保项目本身保持活跃的团队来说，拥有一个活跃的社区是必不可少的。作为一个额外的好处，一个活跃的社区会在你遇到问题时为你提供更多的支持。虽然生态系统中有很多工具，但是这里我们还是列出一些Vue生态系统中常用的单元测试工具。
Jest
Jest是一个专注于简单性的JavaScript测试框架。其独特的功能之一是它可以为测试生成快照，从而提供另一种验证应用单元的方式。
Mocha
是一个专注于灵活性的JavaScript测试框架。由于它的灵活性，允许你选择不同的库来满足其他常见的功能如监听(如Sinon)和断言(如Chai)。Mocha的另一个独特之处是，它不仅可以在Node.js中运行测试，还可以在浏览器中运行测试。
推荐插件
Vue Testing Library (@testing-library/vue)
vutesting库是一套专注于测试组件而不依赖于实现细节的工具。由于在设计中充分考虑了无障碍性，其采用的方案也使得改造变得容易。
它的指导原则是，与软件使用方式相似的测试越多，它们提供的可信度就越高。
Vue Test Utils
Vue Test Utils是官方的底层组件测试库，它的编写是为了向用户提供对Vue特定API的访问。如果你不熟悉测试Vue应用，我们建议你使用Vue测试库，它是Vue测试工具的抽象。该库有一个非常详细的API文档Vue Test Utils。
示例
模板
差异
输入虚拟模型=用户名
差异
v-if=错误
class=错误
{{错误}}
/div
/div
/模板
脚本
导出默认值{
姓名：你好，
data () {
返回{
用户名：“”
}
},
计算值：{
错误(){
返回this.username.trim()。长度7
？请输入一个较长的用户名
:
}
}
}
/脚本
这些是推荐插件的细节和vue单元测试的使用示例。更多关于vue单元测试的信息，请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。