본문 바로가기

Cypress2

211028(목) - CI/CD 완성 목차 CI/CD 완성 CI/CD 완성 이전에 테스트 코드를 작성하면서 E2E 테스트를 위한 시나리오는 작성했지만, 테스트가 실행되지 않는 에러가 발생해서 미뤄둔 채로 방치하고 있었다. CI/CD를 표방하고 있었지만, 각각의 테스트는 제 역할을 하지 못하고 있어 사실상 CD만 구축되어 있는 상태였다. 프로젝트에서 CI를 구축했다고 말하는 게 부끄러워서, 페어와 같이 다시 테스트 코드를 작성하기로 했다. 이전에 테스트 코드를 작성하다가 그만두었던 이유는 테스트가 온전하게 실행되지 않아서였다. 테스트 환경까지는 잘 구축했다고 생각했는데 어떤 게 문제인지, 실행되지가 않아 테스트 케이스 자체를 확인해 볼 수 없었다. 당시 꽤 많은 시간을 투자했지만 문제가 해결되지 않아 반쯤 포기한 상태였다. 이번에도 페어와 다.. 2021. 10. 28.
React에서 Cypress로 테스트하기 바닐라 자바스크립트에서 cypress를 통해 테스트를 진행한 경험은 있지만, react에서는 아직 적용해보지 못했다. 이번 프로젝트에서 테스팅 도구로 cypress를 적용했는데, 초기 설정부터 stub response(mock)를 활용한 간단한 network request까지 알아보겠다. 1. Cypress 패키지 추가 및 초기 환경 설정 2. Stub Response를 활용한 간단한 Network Request 예제 1. Cypress 패키지 추가 및 초기 환경 설정 먼저 관련 패키지들을 추가한다. // shell yarn add -D cypress eslint-plugin-cypress cypress-react-selector eslint-plugin-cypress: cypress 테스트 파일 내에서.. 2021. 7. 28.