react-testing-library로 구현 세부 사항을 테스트하는 방법

효소를 사용하여 반응 구성 요소를 테스트하는 경우 가능한 한 빨리 react-testing-library로 전환하는 것을 고려해야 합니다. 즉, react-testing-library로 테스트를 작성할 때 구성 요소의 구현 세부 사항을 테스트하는 방법을 직접 노출하지 않습니다. 효소를 사용하면 구현 세부 사항을 쉽게 테스트할 수 있으므로 엔지니어는 구현 세부 사항을 테스트할 수 있습니다. 구...

reacttestinglibraryjavascriptenzymereact

Create React App, EsLint, Flow, Jest & Ezyme를 사용하여 React 워크플로우를 설정합니다.

그렇다면 우리는 어떻게 해야만 이 놀라운 도서관에서 가장 좋은 것을 얻을 수 있을까?물론 도구를 사용하여 우리의 작업 절차를 최적화시킨다.토론의 도구는 Flow(정적 유형용), EsLint(양호한 인코딩 모드 유지용), Jest와 효소(테스트용)가 있습니다. 위의 코드 세션은 특히 "TypeError: myObj는 함수가 아닙니다."라는 오류를 일으킬 수 있습니다.만약 이것이 정적 형식의 언...

reactjestenzymeflow

넥스트+typescript+jest+enzyme의 최소 샘플을 이동하고 싶습니다

나는 넥스트js+typescript+jet+enzyme의 조합을 통해 UI를 조작하는 테스트를 시작하고 싶다. 전인들의 상세한 보도가 많았지만 샘플이 풍부해 빠르게 이동해 확인하고 싶을 때 최소 샘플을 적어 두었다. 단추를 눌렀을 때 텍스트가 바뀌는 구성 요소를 만듭니다. Jest+enzyme로 버튼을 누르기 전에 누르면 텍스트 내용을 자동으로 테스트하는 샘플 Node.js 14.17.0 y...

Next.jsReactTypeScriptJestenzymetech