nuxt/jestでテストしたいstoreをモックを使わずにそのままをテストする


やりたいこと

  • storeに入れている固定データがちゃんと取得できるかのテストをしたい

コード

テスト対象
const state = () => ({
  data: {
    hoge: 'hoge',
    foo: 'foo'
  }
})

const getters = {
  find: state => (id) => {
    return state.data[id]
  }
}

export default {
  namespaced: true,
  state,
  getters
}
import Vuex from 'vuex'
import { createLocalVue } from '@vue/test-utils'
import * as targetModule from '@/store/hoge/foo/index'

describe('store/hoge/foo', () => {
  const localVue = createLocalVue()
  localVue.use(Vuex)

  const store = new Vuex.Store({
    modules: {
      "hoge/foo": targetModule.default
    }
  })

  describe('find', () => {
    test('test', () => {
      const result = store.getters['hoge/foo/find']('hoge')
      expect(result).not.toBeNull()
    })
  })
})