Enzyme
Enzyme은 Airbnb에서 개발한 리액트용 컴포넌트 테스트 플러그인이다. Enzyme에 대해 알아보던 중 재미 있는 기사를 찾았다.
https://dev.to/piotrstaniow/time-to-say-goodbye-enzyme-js-348c
Time to say goodbye - Enzyme.js
This post was also published on my blog and you can read it here. Let me start with a bold...
dev.to
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/
Airbnb Engineering & Data Science
Enzyme is a JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse your React Components' output. It was developed at Airbnb and later transferred to an independent organization. Enzyme's API is meant to be intuitive
airbnb.io
'웹_프론트엔드 > 로드맵 챌린지' 카테고리의 다른 글
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 |