React 17에서 작동하는 효소 어댑터는 무엇입니까?

React 17에서 작동하는 효소 어댑터는 무엇입니까?

저는 리액트 앱을 가지고 있는데, 효소로 단위 테스트를 시작하고 싶습니다.효소의 설명서는 최대 16개의 반응 버전에 대해 설명합니다.

인src/setupTests.js저는 현재

import Enzyme from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

Enzyme.configure({ adapter: new Adapter() });

하지만 내 앱은 React 버전 17.0.1을 사용합니다.React 17에는 어떤 효소 어댑터가 있나요?

React 17에는 어떤 효소 어댑터가 있나요?

React 버전 17을 사용하는 경우 이 비공식 어댑터를 효소용 React 17에 사용할 수 있습니다.

// src/setupTests.js
import { configure } from 'enzyme';
import Adapter from '@wojtekmaj/enzyme-adapter-react-17';

configure({ adapter: new Adapter() });

비공식 어댑터에 대한 자세한 내용은 이 GitHub 문제를 참조하십시오.

비공식 어댑터 '@wojtekmaj/enzyme-adapter-react-17'로 시도해보니 정상적으로 동작합니다.@super Jade 감사합니다.

1. npm 캐시를 클리어합니다(이렇게 하면 npm이 느려질 수 있지만 시도해 보십시오).

• npm cache verify그리고 나서.npm cache clean --force

2. 삭제하다

• node_modules그리고.package-lock.json

3. 의 npm 의존관계를 갱신하다package.json와 함께"@testing-library/react": "^11.2.5","@wojtekmaj/enzyme-adapter-react-17": "^0.4.1","react": "^17.0.1","react-dom": "^17.0.1",
4. npm i --legacy-peer-deps
5. @wojtekmaj/syslog-syslog-17이 테스트 파일 변경을 언급했습니다.

• 어댑터 Import원'@wojtekmaj/enzyme-adapter-react-17';
• 설정하다({ adapter: new Adapter() });

셋업에 이 코드 추가Tests.js 파일

// jest-dom adds custom jest matchers for asserting on DOM nodes.
// allows you to do things like:
// expect(element).toHaveTextContent(/react/i)
// learn more: https://github.com/testing-library/jest-dom
import '@testing-library/jest-dom';
import Enzyme from 'enzyme';
import Adapter from '@wojtekmaj/enzyme-adapter-react-17';

Enzyme.configure({ adapter: new Adapter() });

리액트 17을 위해 @wojtekmaj/enzyme-adapter-react-17을 사용해 봤는데 잘 작동합니다.

사용 후npm install --save-dev @wojtekmaj/enzyme-adapter-react-17또한 사용하는 어댑터를 사용하기 위해 효소를 설정해야 합니다.최상위 설정 API를 추가하여 설정합니다.

/* src/setupTests.js */
import Enzyme from 'enzyme';
import Adapter from '@wojtekmaj/enzyme-adapter-react-17';

Enzyme.configure({ adapter: new Adapter() });

언급URL : https://stackoverflow.com/questions/64658031/which-enzyme-adapter-works-with-react-17