相关疑难解决方法(0)

Vue 单元测试 - 使用 vue-test-utils mount 时模拟导入的服务

我正在使用 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 传递给它吗?

unit-testing vuejs2

4
推荐指数
1
解决办法
2794
查看次数

标签 统计

unit-testing ×1

vuejs2 ×1