Mock Vuex modules with Jest

MockVuexModulesWithJest.txt

Jest Automock Features with Vuex Modules


const store = jest.genMockFromModule(‘@/store/index.js').default
// and to mount
wrapper = shallowMount(SideFilters, {
     store,
     localVue
   })
   
   
Manual Mocking helper with Jest if your running into issues with the automock (mock all your modularized actions)
   
/*
 * Creates a mock-store config from a real-store config.
 * @param store Actual vuex store you want to mock
 */

export const mockActions = (store: any) => {
  const modules = store.modules

  if (modules) {
    return {
      state: store.state,
      modules: Object.keys(modules).reduce((accumulator: any, key: string) => {
        const { actions, ...stateGettersAndMutations } = modules[key]
        const mockedActions = Object.keys(actions).reduce((acc: any, actionKey: string) => {
          acc[actionKey] = jest.fn().mockResolvedValue('-');
          return acc;
        }, {})
        accumulator[key] = { namespaced: true, 'actions': mockedActions, ...stateGettersAndMutations }
        return accumulator
      }, {})
    }
  } else {
    return console.error('No modules found')
  }