如何在 vue test utils jest 中全局存根组件?

How to globally stub component in vue test utils jest?

我全局注册了一个组件,并在多个文件中使用。 有超过 100 个同时使用了 mount 和 shallowMount 的测试用例文件,所以我不能去每个测试用例并将 mount 更改为 shallowMount。

有什么方法可以全局存根组件而不是去每个测试用例并手动存根它。

这可能最好从 Jest setup file 中完成,以便为所有测试设置存根:

// jest.config.js
module.exports = {
  setupFiles: ['<rootDir>/jest.setup.js'],
}

在设置文件中,您可以使用 Vue Test Utils 全局存根组件 config.stubs:

// jest.setup.js
import { config } from '@vue/test-utils'

config.stubs['my-component'] = '<div />'