Vite에서 개발 중인 Vue3 프로젝트로 Jest 가져오기

Vite에서 구축한 개발 중인 Vue3 프로젝트를 중간에 Jest로 가져오는 것은 좀 까다롭기 때문에 메모로 정리했다.
Type Script가 사용되지 않습니다.

절차.

1. Jest 설정

$ npm install --save-dev jest @vue/test-utils

$ npm install jest @types/jest ts-jest vue-jest@next @vue/test-utils@next --save-dev

2. 설정 파일에 기술하기

jest.config.js

module.exports = {
  moduleFileExtensions: [
    'js',
    'ts',
    'json',
    'vue'
  ],
  transform: {
    '^.+\\.ts$': 'ts-jest',
    '^.+\\.vue$': 'vue-jest'
  }
}

package.json

{
  ...
  "scripts": {
    ...
    "test": "jest src"
  },
  ...
}

3. 명령 실행

$ npm run test

참고 문장

Vue Test Utils