React

TDD jest, cypress, storybook

Asset Type
File Type
When to use
Last edited time
2022/05/05 12:52
Created by
Reference

jest 유닛 테스트 → 적용하는 데 오래 걸릴 것 같지 않음

cypress e2e 테스트, storybook → 무경험

cypress와 storybook은 같이 적용해야 하는가?

먼저 cypress와 storybook의 목표가 무엇인지 알아야 한다.

1.

저는 사이프레스 컴포넌트 테스트를 많이 사용하는 오픈 소스 리액트 컴포넌트 라이브러리를 운영하고 있는데, 정말 재미있습니다. 구성 요소의 동작은 동영상을 로드하고 재생할 수 있는 능력에 크게 기초합니다.
그래서 제스트는 말도 안 되는 Mocking을 할 필요 없이 완전히 불가능했다.
사이프레스가 할 수 있는 일의 절대적인 한계까지 밀어붙여야 했고 몇몇 테스트들은 제가 원하는 것보다 더 형편없지만, 실제로 경쟁할 수 있는 다른 것은 없습니다.
스토리북을 아직 안 써봤어요.
하지만 믿을 수 없을 정도로 흥미로워 보여서 조만간 기회를 잡을 수 있기를 바라.
지금까지 Cypress Component Tests에서 놀라울 정도로 인상 깊었습니다. 브라우저에서 실제 응용 프로그램을 실행하면서도 일부를 테스트할 수 있는, 제가 항상 원했던 수준의 테스트 수준의 추상화입니다.
자바스크립트 E2E 테스트 프레임워크
end to end, integration, unit test가 가능하다.
특히 브라우저와 통합된 형태의 구조라서 셀레니움보다 훨 빠르다. 애자일에 적합하다는 평가
왜 쓰는가?
Time travel : 각 실행을 스냅샷으로 촬영하고 각 시점으로 이동이 가능하다. GUI로 이동하는 게 편하다.
디버깅, real time reloads, Spies, stubs and clocks, Consistent results, Screenshots and videos, Automatic waiting, Network traffic control이 있다.

사이프레스 리액트 타입스크립트

스토리북을 통한 리액트 컴포넌트 개발

스토리북 6.0 적용방법

스토리북으로 jest 대신 유닛테스트하기

사이프레스 대신 스토리북 인터랙션테스트를 ?