2. FrontEnd/TDD

[TDD] Cypress를 사용하여 E2E테스트

E2E(End to End) : 사용자의 관점에서 테스트를 진행하는 것 사용자가 서비스에 접속했을 때 하는 행동들과 그 행동들에 의해 동작되는 여러 액션들을 테스트할 수 있기 때문에 사용자가 사용하는 관점에서 발생될 수 있는 문제들을 파악하는데 도움을 줍니다. E2E 테스트를 포함하여 React에서 진행되는 테스트들은 다음과 같이 있습니다. 단위 테스트 통합 테스트 E2E 테스트 E2E 테스트는 브라우저를 통해 실제 사용자가 서비스를 사용하는 부분을 테스트하기 때문에 위의 테스트들 중 가장 큰 리소스를 필요한다 (=즉, 테스트를 진행하는데 상대적으로 많은 비용이 필요하며 무겁기 때문에 속도도 느린 편) 그래서 E2E 테스트는 전체 테스트에서 10% ~ 20% 정도만 차지할 정도로 구성을 하기에 꼭 필요로..

2023. 11. 10. 09:46

2. FrontEnd/TDD

[TDD] Jest 사용법

Jest를 설치 npm install jest --save-dev yarn add jest --dev Jest를 테스트 러너로 설정 package.json > 테스트 필드에 Jest를 추가 { "scripts": { "test": "jest" } } Jest가 테스트 코드를 포함하는 파일로 인식할 수 있도록 테스트 파일의 이름은 .test.js로 끝나야 함 테스트를 실행 npm run test yarn test 특정 파일만 실행하고 싶으면, 다음과 같이 테스트 파일을 지정 npm run test componentName.test.js yarn test componentName.test.js 테스트를 시작하면 Jest는 콘솔에 실패 또는 통과 로그를 출력 $ jest PASS ./componentName...

2023. 11. 7. 17:54