我正在使用 vue-test-utils 中的 mount(),有一个组件可以导入应该在单元测试中模拟的服务。
我看到 mount() 有一个 mocks 选项,但是试图将指南中给出的例子外推,common-tips,模拟注入到注入服务的场景是我无法理解的。
mount(Component, {
mocks: {
...?
}
})
Run Code Online (Sandbox Code Playgroud)
组件只是简单的导入服务,就是纯JS
import DataService from '../services/data.service'
Run Code Online (Sandbox Code Playgroud)
我可以使用注入加载器来让它工作,这里详细介绍了使用模拟测试
有效的代码
const MyComponentInjector = require('!!vue-loader?inject!./MyComponent.vue')
const mockedServices = {
'../services/data.service': {
checkAll: () => { return Promise.resolve() }
},
}
const MyComponentWithMocks = MyComponentInjector(mockedServices)
const wrapper = mount(MyComponentWithMocks, { store: mockStore, router })
Run Code Online (Sandbox Code Playgroud)
mount(MyComponent, { mocks: ... }) 的语法是什么?
由于 mount() 有一个 mocks 选项,难道不能以某种形式将 mockedServices 传递给它吗?