【vue组件库搭建07】Vitest单元测试

vitest官网

vue-test-utils

我们的测试框架选择的是 Vitest 和 vue-test-utils。两者的关系为：

• Vitest 提供测试方法：断言、Mock 、SpyOn 等方法。
• vue-test-utils:
  • 挂载和渲染组件： Vue Test Utils 允许您在隔离中挂载组件，这意味着您可以测试单个组件而不必担心其子组件或需要完整的 Vue 应用环境。它还支持浅层挂载，其中子组件被存根，使测试更快并且只关注正在测试的组件。
  • 访问 Vue 实例： 当组件被挂载时，Vue Test Utils 提供对 Vue 实例的访问，使得可以检查和与组件的数据、计算属性、方法和生命周期钩子进行交互。
  • 事件模拟： 它提供了模拟用户操作（如点击或输入）的实用程序，使测试能够像用户一样与组件进行交互。
  • 查找元素： Vue Test Utils 提供了查找组件内元素的方法，既可以使用选择器也可以引用 Vue 组件。这对于断言元素的存在或作为测试的一部分与它们交互非常有用。
  • 存根和模拟： 它支持存根子组件，这对于隔离正在测试的组件非常有用。您还可以使用 Jest 或其他模拟库来模拟组件使用的外