如何使用vue-test-utils和jest在单元测试期间模拟Vue Mixins?

Mad*_*edi 12 unit-testing mixins vue.js jestjs

我读了3次vue-utils-test文档和jest的文档,但是我不知道如何在vue组件中模拟vue mixins并测试组件.

Edd*_*Edd 8

有两种方法:

  1. 您可以使用createLocalVue,并在该localVue类上注册一个mixin:
const localVue = createLocalVue()
localVue.mixin(myMixin)

const wrapper = shallow(Post, {
    localVue,
})
Run Code Online (Sandbox Code Playgroud)
  1. 您可以传入mixins安装选项:
const wrapper = shallow(Post, {
    mixins: [myMixin],
})
Run Code Online (Sandbox Code Playgroud)

  • 提供的答案不会模拟 mixin。它仅说明如何在 localVue 实例中安装 mixin。 (7认同)
  • 那你怎么称呼这些方法呢?与“ this.myMethod”? (3认同)
  • 如果我想模拟组件使用的插件,下一步是什么? (2认同)
  • 这对我不起作用,而且我在 vue-test-utils 代码中没有看到与此相关的任何内容。我如何模拟我注册到 SPC 中的 mixin?无论我做什么,mixin 的“mounted”方法总是运行。 (2认同)