vue.js - 如何在vue test utils jest中全局存根组件?
问题描述
我已经在全球范围内注册了一个组件并在多个文件中使用过。有超过 100 个测试用例文件同时使用了 mount 和 shallowMount,所以我不能去每个测试用例并将 mount 更改为 shallowMount。
有没有办法全局存根组件,而不是去每个测试用例并手动存根它。
解决方案
这可能最好从 Jest设置文件中完成,以便为所有测试设置存根:
// 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 />'
推荐阅读
- c# - DataGrid Blazorise 导出到 Excel 或 CSV?
- python - imshow() opencv python pyinstaller 没有打开
- java - 无法正确中断递归代码
- node.js - 在不刷新页面的情况下响应获取请求
- python - 从字典而不是文件路径设置 ["GOOGLE_APPLICATION_CREDENTIALS"]
- css - 在 div 中使用带有 wrap 的 flex 列占用所有剩余空间
- typescript - “对任何值的不安全成员访问”TypeScript 错误
- linux - linux输出,不需要终端输出
- rust - 这行中的双冒号是什么意思?
- julia - 如何在 Julia 中调整贝叶斯 ODE 的超参数?