[Vuejs]-How Test MapGetter

by

0👍

✅

As shown in docs, shallowMount‘s options has field named localVue. To solve your problem you should create a localVue, using createLocalVue and pass it to shallowMount.

createLocalVue returns a Vue class for you to add components, mixins
and install plugins without polluting the global Vue class.

import Vuex from 'vuex'
import { createLocalVue, shallowMount } from '@vue/test-utils'

beforeEach(() => {
  const localVue = createLocalVue()

  localVue.use(Vuex)

  store = new Vuex.Store({
    modules: {
      moduleA: {
        state: {},
        getters: {
          getData() {
            return { item: { name: 'test' } }
          },
        },
      },
    },
  })

  wrapper = shallowMount(MyComponent, {
    localVue,
    store,
  })
})

Leave a comment