Jest에서 import 사용하기

Babel 설치

• ES6 이상의 문법을 사용하기 위해 babel이 필요하다.
  babel-jest, @babel/core, @babel/preset-env 설치

yarn add --dev @babel/core @babel/preset-env 

Jest 설정

• 프로젝트 루트에 jest.config.js 생성 및 필요한 내용 작성 (공식 문서)
  • testEnvironment의 기본값은 node로, Node.js 환경에서 테스트
    웹앱을 개발하는 경우 jsdom으로 설정하여 유사 브라우저 환경에서 테스트할 수 있다.

module.exports = {
  testEnvironment: 'jsdom',
};

기본적으로 Jest는 __tests__ 디렉토리 하위의 .js, .jsx, .ts, .tsx 파일과 경로에 상관없이 .test, .spec (예: Component.test.js, Component.spec.js) 파일을 테스트 파일로 간주한다. (test.js, spec.js 파일 포함)
https://jestjs.io/docs/configuration#testmatch-arraystring

Babel 설정

• 프로젝트 루트에 babel.config.js 생성 및 필요한 내용 작성
  • 컴파일 시 env 프리셋을 사용하도록 설정 (ES2015 이후 문법을 변환)

module.exports = {
  presets: ['@babel/preset-env'],
};