단위테스트 Jest

vue를 위한 jest위주 테스트 설치

npm i -D jest @vue/test-utils@next vue-jest@next babel-jest

 

jest.config.js 구성

 

jest의 test()를 사용하기 이해 eslint에서 설정을 해준다.

테스트할 함수 작성

expect는 입력값 즉, 받은값 toBe는 기대되는값으로 두개 값이 일치해야 success된다.

package.json에서 스크립트 선언

"test:unit":"jest --watchAll" // watchAll은 jest가  테스트 변경사항에도 지속적으로 감지하도록 설정

 

describe('그룹1',()=>{ test() 모음 }) //여러 test()들을 그룹화 시킴

global - jest

 

* 객체데이터나 배열같은 참조형 데이터를 비교할때는 toBe가 아닌 toEqual를 쓴다.

* 테스트 대기시간 기본값은 5000ms이다.

 

비동기 테스트

비동기 테스트 방식 1~4번

비동기 모의함수

resolve.data.Title = res.data.Title

vue/test-utils (VTU)

https://next.vue-test-utils.vuejs.org/api/#html

wrapper의 vm을 통해 this 키워드 처럼 내부에 들어있는 데이터에 접근할수 있다. setData를 통해 내부에 들어있는 데이터를 변경할 수 있다.