반응형
Enzyme
Enzyme은 Airbnb에서 개발한 리액트용 컴포넌트 테스트 플러그인이다. Enzyme에 대해 알아보던 중 재미 있는 기사를 찾았다.
https://dev.to/piotrstaniow/time-to-say-goodbye-enzyme-js-348c
Enzyme은 곧 못쓰게 될 거라는 내용이다. 요약하자면, Enzyme이 빠르게 변화하는 리액트를 따라가지 못하여 리액트 개발진들이 Enzyme 사용을 추천하지 않는다는 것이다. 실제로 리액트는 빠르게 발전하고 있어서 프론트엔드 프레임워크 시장에서 우위를 선점하고 있다. 반면에 Enzyme은 고작 한 명에 의해 유지보수 되고 있다고 하니, 굳이 점유율도 낮은 Enzyme을 쓸 필요는 없을 것 같다. React Testing Library를 쓰는 것이 좋을 것 같다.
설치
Enzyme 외에 리액트 버전에 상응하는 버전의 adaptor까지 설치한다.
enzyme-adapter-react-16 | ^16.4.0-0 | |
enzyme-adapter-react-16.3 | ~16.3.0-0 | |
enzyme-adapter-react-16.2 | ~16.2 | |
enzyme-adapter-react-16.1 | `~16.0.0-0 \ | ~16.1` |
enzyme-adapter-react-15 | ^15.5.0 | |
enzyme-adapter-react-15.4 | 15.0.0-0 - 15.4.x | |
enzyme-adapter-react-14 | ^0.14.0 | |
enzyme-adapter-react-13 | ^0.13.0 |
npm i --save-dev enzyme enzyme-adapter-react-16
CRA로 리액트 프로젝트를 생성한 경우에는 Jest가 이미 설치되어 있다. 그렇지 않거나, VS Code로 작업하는 경우에는 Jest를 추가적으로 설치해야 한다.
npm i --save-dev @types/jest
공식 문서
Airbnb가 알려주는 기본 사용법
https://airbnb.io/projects/enzyme/
반응형
'웹_프론트엔드 > 로드맵 챌린지' 카테고리의 다른 글
PWA - Progressive Web Apps (0) | 2022.03.18 |
---|---|
타입 검사 - TypeScript (타입스크립트) (0) | 2022.03.17 |
테스트 프레임워크 - Cypress (0) | 2022.03.15 |
테스트 프레임워크 - react-testing-library (0) | 2022.03.14 |
테스트 프레임워크 - Jest (0) | 2022.03.11 |