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

Question

我已经在全局注册了一个组件并在多个文件中使用。有超过100个测试用例文件同时使用了mount和shallowMount，所以我无法转到每个测试用例并将mount更改为shallowMount。

有没有办法全局存根组件，而不是转到每个测试用例并手动存根它。

Answer 1

这可能最好从 Jest设置文件完成，以便为所有测试设置存根：

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

在设置文件中，您可以使用 Vue Test Utils' 全局存根组件config.global.stubs：

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

// @vue/test-utils@v1
config.stubs['my-component'] = { template: '<div />' }

// @vue/test-utils@v2
config.global.stubs['my-component'] = { template: '<div />' }