[Nuxt]テストが通らない

Question

やっていること

fruitsの名前を表示するだけの簡単なアプリケーションをNuxtで作成し、そのテストを書こうとしています。
実装自体は完了しており問題なく動作していますが、テストがどうしても通らず詰まってしまったため質問させていただきたいです。

問題点

テストを流すと以下のようなエラーが返ってきて落ちてしまします。
storeに処理を分けて書いている場合のテストの書き方が分からないため、もしご存知の方がいらっしゃいましたら教えていただきたいです。

[vuex] unknown getter: pages/fruits/FRUITS
[vuex] unknown action type: pages/fruits/GET_FRUITS

アプリ側のソースコード

<!-- src/pages/fruits/index.vue -->

<template>
  <div>
    <div
      v-for="f in getFruits"
      :key="f.id"
      class="Item"
    >
      {{ f.name }}
    </div>
  </div>
</template>

<script>
import { mapActions, mapGetters } from 'vuex'
import { ACTION_TYPES, GETTER_TYPES } from '~/store/pages/fruits/index'

export default {
  computed: {
    ...mapGetters({
      fruits: GETTER_TYPES.FRUITS,
    })
  },

  methods: {
    ...mapActions({
      getFruits: ACTION_TYPES.GET_FRUITS,
    })
  }
}
</script>

テスト側のソースコード

とりあえず、fruitsが一つでも表示されているか(= Itemclassが一つでも存在するか)をテストしようとしています

// tests/pages/fruits/index.spec.ts

import { shallowMount, createLocalVue } from '@vue/test-utils'
import Vuex from 'vuex'
import * as fruits from '~/store/pages/fruits/index'

const localVue = createLocalVue()
localVue.use(Vuex)

describe('Index', () => {
  let s
  s = {
      modules: {
        fruits: {
          getters: {
            FRUITS: () => [{ id: 1, name: 'apple' }]
          },
          actions: {
            GET_FRUITS: jest.fn()
          }
        }
      }
    }
  })
  const store = new Vuex.Store(s)

  const wrapper = shallowMount<any>(Index, {
    localVue,
    store
  })

  it('shows', () => {
    expect(wrapper.find('.Item').exists()).toBe(true)
  })

Answer 1

以下のように修正したら通りました。

  s = {
      modules: {
        fruits: {
          getters: {
            'pages/fruits/FRUITS': () => [{ id: 1, name: 'apple' }]
          },
          actions: {
            'pages/fruits/GET_FRUITS': jest.fn()
          }
        }
      }
    }
  })