使用 jest 和 vue-test-utils 进行 Vue 测试无法解析通过 app.component() 引入的组件

Question

我目前正在尝试向我的 Vue 3 Vite 应用程序引入测试。
我为此使用 jest 和 vue-test-utils 。
这工作正常，除了当我尝试安装包含我的基本组件的组件时，我在 app.mount("#app"); 之前用 app.component(basecomponent) 引入了它。在我的应用程序中。
当测试仍在运行时，我收到错误：

[Vue warn]: Failed to resolve component: base-card 
      at <Anonymous ref="VTU_COMPONENT" > 
      at <VTUROOT>

现在我的问题是，使其可供测试的最佳方法是什么？或者我做错了什么，因为这不起作用？
感谢您提前提供所有答案:)

Answer 1

您可以通过以下方式在安装上添加组件global.components：

const wrapper = mount(Component, {
  global: {
    components: {
      'base-card': BaseCard
    }
  }
})

或者，您可以使用以下命令全局包含组件config：

// jest.setup.js

import { config } from '@vue/test-utils'

config.global.components = {
  'base-card': BaseCard
}