Cypress 구성 요소 테스트 러너

React를위한 유닛 컴포넌트 테스트 빌드

Cypress 구성 요소 테스트 러너

매우 강력한 종단 간 테스트 프레임 워크에서 알 수있는 Cypress는 방금 구성 요소 테스트를위한 새로운 플레이어 인 Cypress Component Test Runner를 발표했습니다.

실제 브라우저, 실제 결과

이 기사를 작성할 때 알파 단계에있는 새로운 Cypress Component Test Runner는 단위 테스트의 구성 요소 부분을 처리하기 위해 얕은 렌더링을 사용하지 않습니다. 새로운 도구는 실제로 Chromium 기반의 실제 브라우저를 사용합니다. 이것은 Cypress가 종단 간 테스트 프레임 워크에 사용하는 것과 동일한 접근 방식입니다. 결과적으로 구성 요소 테스트의 유효성 검사 옆에 시각적 출력이 표시됩니다. 이는 일반적으로 UI 테스트, 특히 React 개발자에게 훌륭하고 환영할만한 변경입니다.

모두를 지배하는 하나의 도구?

개인적으로 Cypress Component Test Runner가 기존의 멋진 테스트 라이브러리 인 "@ testing-library"와 "Enzyme"을 대체 할 것이라고 생각하지 않습니다. 둘 다 앱의 테스트 설정에 대해 서로 다른 사용 사례를 대상으로합니다. Cypress의 새로운 테스트 도구는 이미 좋은 선택을 보완합니다.

테스트 도구 테스트

아래이 문서의 부록에있는 모든 필요한 링크를 연결 했으므로 지금 바로 Cypress Component Test Runner를 직접 사용해 볼 수 있습니다. 아직 알파 단계에 있으며 프로덕션 환경 근처에서 사용해서는 안됩니다.