Vue Test Util을 사용한 Vue 테스트/Jest라이브러리

JavaScript/TypeScript로 개발할 때 사용할 수 있는 테스트 프레임워크는 여러가지가 있다.

본 강의에서는 Vue.js의 공식 테스트 유틸리티를 사용할 것이며, Jest 프레임워크를 사용하기로 했다.

1. 우선 package.json에 @vue/test-utils 이 있는지 확인

없다면 터미널 열고 vue add unit-jest 코드 입력 

위의 사항은 완료하면 test/unit 파일 생성되고 그 아래 예제 테스트 파일을 제공한다. 

제공된 테스트파일 한번 실행해보자

실행코드 : npm run test:unit (이것이 하려는 일은 이 디렉토리 테스트 및 내부의 모든 테스트 파일을 찾는 것이다.)

pass라고 나오져? example.spec.js에서 입력되있는 테스트코드가 성공되었다고 뜨는거 *실패하면 fail이라고 뜸

그 밑에는 테스트 이름 

참고 : 

단위 테스팅 — Vue.js (vuejs.org)

참고영상: https://youtu.be/QIDhzBg5eWY