Vue-test-utils 래퍼가 정의되지 않았습니다.

Vue-test-utils 래퍼가 정의되지 않았습니다.

Jest에 컴포넌트에 대한 다음 테스트 스위트가 있습니다.유사한 구조를 따르는 몇 가지 다른 컴포넌트에 대한 유닛 테스트를 성공적으로 작성했습니다.

import { createLocalVue, mount } from '@vue/test-utils'
import Vuex from 'vuex'
import storeMock from '@mocks/store'
import RequestProposalsContainer from '@/components/RequestProposals/RequestProposalsContainer'

describe('ProviderComparison component', () => {
  let localVue, store, wrapper, storeSetup

  beforeEach(() => {
     localVue = createLocalVue()
     localVue.use(Vuex)

     storeSetup = storeMock()
     store = new Vuex.Store(storeSetup)
     /* wrapper is undefined and I'm not sure why */
     wrapper = mount(RequestProposalsContainer, {
       localVue,
       store
     })
  })

  it('renders correct structure', () => {
     /* undefined */
     console.log('wrapper: ', wrapper)
  })
})

검사를 통해 마운트되는 컴포넌트, 스토어 및 localVue 인스턴스가 명확하게 정의됩니다.

저도 비슷한 상황이었는데wrapper정의되지 않은 상태로 돌아온다.

테스트하는 동안 컴포넌트에 렌더링에 필요한 모든 것을 제공해야 합니다.

(@Adam Freymiller가 이미 시사한 바와 같이) 테스트에서 필요한 값(프롭, 저장 값 등)이 모두 설정되지 않았기 때문에 실제 시나리오와 마찬가지로 구성 요소가 오류를 범하게 됩니다.

언급URL : https://stackoverflow.com/questions/52598876/vue-test-utils-wrapper-undefined