Тестирование приложения NUXT. js и Vue. js с помощью Jest. Получение пространства имен модуля [vuex] не найдено в mapState () и неизвестном типе действия [vuex] - PullRequest
Новая
       28

Тестирование приложения NUXT. js и Vue. js с помощью Jest. Получение пространства имен модуля [vuex] не найдено в mapState () и неизвестном типе действия [vuex]

1 голос
/ 06 февраля 2020

Несмотря на мое понимание, что NUXT делает пространство имен автоматически. Из-за этого я не могу проверить или сослаться на магазин в любом из моих модулей тестирования. Кто-нибудь может дать мне совет? Может быть, где я могу отредактировать свойство namespace в приложении Nuxt?

Вот код ниже для компонента, хранилища и теста.

ButtonComponent. vue: 

<template>
  <v-container>
    <v-btn @buttonClick v-model="value"></v-btn>
  </v-container>
</template>

<script>
import { mapState, mapActions } from 'vuex'

export default {
  data: {
      return {
          value: 25
      }
  }
  methods: {
    buttonClick(event) {
      this.$store.dispatch('buttonComponent/setNewValue', valuePassedIn)
    },
  },
}
</script>

<style scoped></style>

buttonComponent.spe c. js: 

import Component from '../../Component'
import { mount, createLocalVue } from '@vue/test-utils'
import expect from 'expect'
import Vue from 'vue'
import Vuex from 'vuex'
import Vuetify from 'vuetify'

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

describe('Component', () => {
  let store
  let vuetify
  let actions
  beforeEach(() => {
    actions = {
        actionClick: jest.fn()
    }
    store = new Vuex.Store({
      actions,
    })
    vuetify = new Vuetify()
  })



  it('method sends value to store when button is clicked', async () => {
    const wrapper = mount(Component, {
      store,
      localVue,
      vuetify,
    })
    wrapper.find('.v-btn').trigger('click')
    expect(actions.actionClick).toHaveBeenCalledWith('buttonComponent/setNewValue', 25)
  })
})

buttonComponent. js: 

export const state = () => ({
  value: 0,
})

export const mutations = {
  SET_TO_NEW_VALUE(state, value) {
    state.value = value
  },
}

export const actions = {
  setNewValue({ commit }, value) {
    commit('SET_TO_NEW_VALUE', value)
  },
}

1 Ответ

0 голосов
/ 10 февраля 2020

Чтобы мне не пришлось писать здесь снова, я свяжу вас с только что опубликованной статьей, в которой описан процесс установки, чтобы вы могли проверить свои магазины Nuxt с помощью Jest: https://medium.com/@brandonaaskov / как к тест-nuxt-магазинах-с-шуткой-9a5d55d54b28

...