有几件事需要注意:
- 我们利用 mount 来存根我们要测试的组件,它是由Vue Test Utils提供的 。(yarn add --dev @vue/test-utils@next)
现在已经完成了测试的编写,需要运行它们 。要实现这一点,我们去 package.json,在我们的scripts 部分添加以下几行 。
"scripts": {"test": "vitest","coverage": "vitest run --coverage"},如果在终端运行 yarn vitest 或 yarn test,我们的测试文件就会被运行,我们应该看到测试结果和故障 。文章插图
到这,我们已经成功地使用Vitest运行了我们的第一次测试 。从结果中需要注意的一点是,由于Vitest的智能和即时观察模式,这个命令只需要运行一次,并在我们对测试文件进行更新和修改时被重新运行 。
总结使用 Vitest 对我们的应用程序进行单元测试是无缝的,与Jest等替代品相比,需要更少的步骤来启动和运行 。Vitest 还可以很容易地将现有的测试从 Jest 迁移到Vitest,而不需要进行额外的配置 。
作者:Timi Omoyeni 译者:前端小智 来源:vuemastery 原文:
https://www.vuemastery.com/blog/getting-started-with-vitest
【尝试一下使用 Vitest 进行组件测试,确实很香】
推荐阅读
- 蒸鱼豉油可以炒菜吗
- 怎样制作红油辣椒
- 如何使用健身器材
- 分享微信使用技巧,快来涨姿势啦
- 海外版抖音TikTok使用教程详解
- 减肥方法使用新的软呼啦圈
- 如何在 Vuejs 中使用 Supertokens 的预构建 UI
- 在Java 8及更高版本中使用Java流
- 这4款好用不贵的卷发棒了解一下! 哪种卷发棒好用
- 热熔胶我们常用的几种实用的使用方法 热熔胶怎么用
