[javascript] Enzyme 설치 방법

29 Nov 2023

javascript

1. 프로젝트 디렉토리로 이동 우선, 터미널을 열고 프로젝트 디렉토리로 이동합니다.

2. Enzyme 설치 다음 명령어를 실행하여 Enzyme을 설치합니다.

npm install --save enzyme enzyme-adapter-react-16 enzyme-to-json

3. 다른 라이브러리 설치 Enzyme을 사용하기 위해 몇 가지 다른 라이브러리를 설치해야 합니다. 아래 명령어를 실행하여 설치합니다.

npm install --save-dev enzyme enzyme-adapter-react-16 enzyme-to-json jest-enzyme

4. 설정 파일 생성 src 폴더 내에 setupTests.js 파일을 생성하고 다음 코드를 추가합니다.

import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import { createSerializer } from 'enzyme-to-json';

Enzyme.configure({ adapter: new Adapter() });
expect.addSnapshotSerializer(createSerializer({ mode: 'deep' }));

5. 테스트 코드 작성 이제 Enzyme을 사용하여 React 컴포넌트를 테스트할 준비가 완료되었습니다. 적절한 폴더에 example.test.js 파일을 생성하고 다음 코드를 추가합니다.

import React from 'react';
import { shallow } from 'enzyme';
import ExampleComponent from './ExampleComponent';

describe('ExampleComponent', () => {
  it('renders correctly', () => {
    const wrapper = shallow(<ExampleComponent />);
    expect(wrapper).toMatchSnapshot();
  });
});

6. 테스트 실행 마지막으로 터미널에서 다음 명령어를 실행하여 테스트를 실행합니다.

npm test

이제 Enzyme을 사용하여 React 테스트를 진행할 수 있습니다. 자세한 내용은 Enzyme 문서를 참조하시기 바랍니다.