How to mock Vue Mixins during unit testing using vue-test-utils and jest?

Question

I have read the documentation for vue-test-utils and Jest, but I am still unsure about how to properly mock Vue mixins in a Vue component and test the component.

Answer 1

There are two ways:

1. You can use createLocalVue, and register a mixin on that localVue class:

const localVue = createLocalVue()
localVue.mixin(myMixin)

const wrapper = shallow(Post, {
    localVue,
})

2. You can pass mixins in the mounting options:

const wrapper = shallow(Post, {
    mixins: [myMixin],
})