尝试一下使用 Vitest 进行组件测试,确实很香( 五 )

有几件事需要注意:

  • 我们利用 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的智能和即时观察模式,这个命令只需要运行一次,并在我们对测试文件进行更新和修改时被重新运行 。
总结使用 Vitest 对我们的应用程序进行单元测试是无缝的,与Jest等替代品相比,需要更少的步骤来启动和运行 。Vitest 还可以很容易地将现有的测试从 Jest 迁移到Vitest,而不需要进行额外的配置 。
作者:Timi Omoyeni 译者:前端小智 来源:vuemastery 原文:
https://www.vuemastery.com/blog/getting-started-with-vitest

【尝试一下使用 Vitest 进行组件测试,确实很香】


推荐阅读