programing

Jest Vuex: 생성된 후크 오류: "TypeError: 정의되지 않은 속성 '디스패치'를 읽을 수 없습니다."

firstcheck 2022. 7. 28. 22:13
반응형

Jest Vuex: 생성된 후크 오류: "TypeError: 정의되지 않은 속성 '디스패치'를 읽을 수 없습니다."

는 현재 Vuex 된 두 하려고 합니다.created() 제후크를 돌려주고 있다."TypeError: Cannot read property 'dispatch' of undefined"

테스트 파일:

    let store
    let actions

    beforeEach(() => {
      actions = {
        setApiUrl: jest.fn(),
        init: jest.fn()
      }

      store = new Vuex.Store({
        modules: {
          membership: membershipTestData
        },
        actions
      })
    })

    const wrapper = shallowMount(
      Component,
      store,
      localVue
    )

    await wrapper.vm.setApiUrl('')
    await wrapper.vm.init()

    expect(actions.setApiUrl).toHaveBeenCalled()
    expect(actions.init).toHaveBeenCalled()

컴포넌트 파일:

  created () {
    this.setApiUrl('')
    this.init()
  },

  methods: {
    ...mapActions('membership', ['init', 'setApiUrl'])
  }

제가 여기서 뭘 잘못하고 있는지 알려주세요.제가 할 수 있는 건 다 해봤는데 created() 훅 오류로 인해 테스트가 실패했어요.

문제를 해결했습니다.잘못된 부분은 포장지 안에 있습니다.그것은 (곱슬곱슬한 괄호로 구분하여 주의해 주세요)

const wrapper = shallowMount(Component, {
  localVue,
  propsData
})

언급URL : https://stackoverflow.com/questions/66497974/jest-vuex-error-in-created-hook-typeerror-cannot-read-property-dispatch-of

반응형