먼저, 프로젝트에 Parcel과 Jest를 설치해야 합니다. 터미널에서 다음 명령어를 실행하여 설치할 수 있습니다.

npm install --save-dev parcel-bundler jest

설치가 완료되면 package.json 파일에 다음과 같이 스크립트를 추가합니다.

{
  "scripts": {
    "start": "parcel index.html",
    "test": "jest"
  }
}

이제 Jest를 사용하여 테스트 파일을 작성할 수 있습니다. __tests__ 또는 src 폴더 내에 .test.js 확장자를 가진 파일을 생성합니다. 예를 들어, math.test.js 파일을 생성하고 다음과 같은 테스트 함수를 작성해 보겠습니다.

// math.test.js
const { add, multiply } = require('./math');

test('adds two numbers correctly', () => {
  expect(add(2, 3)).toBe(5);
});

test('multiplies two numbers correctly', () => {
  expect(multiply(2, 3)).toBe(6);
});

위의 테스트 파일은 math.js 파일에 있는 add와 multiply 함수를 테스트합니다. add 함수는 두 개의 숫자를 더하고, multiply 함수는 두 개의 숫자를 곱합니다.

마지막으로, math.js 파일을 생성하고 테스트할 함수를 작성합니다.

// math.js
module.exports = {
  add: (a, b) => a + b,
  multiply: (a, b) => a * b,
};

이제 터미널에서 npm test를 실행하면 Jest가 테스트 파일을 찾고 실행할 것입니다. 만약 모든 테스트가 성공하면 테스트 결과가 출력됩니다.

이렇게 Parcel과 Jest를 함께 사용하여 프로젝트를 개발 및 테스트할 수 있습니다. Parcel은 빠른 번들링을 제공하고 Jest는 강력한 테스트 기능을 제공하기 때문에, 이 조합은 프론트엔드 개발에 매우 유용합니다.

참고 문서:

• Parcel: https://parceljs.org/
• Jest: https://jestjs.io/