UI Counter
Cypress를 익혀보기 위한 초간단 미션
🔥 Projects!
counter라는 간단한 미션을 통해서 Cypress라는 E2E 도구에 익숙해져보세요. 아래의 간단한 기능을 구현하면 쉽게 Cypress도구를 사용해보실 수 있습니다.
- 생성시 버튼과 초기값(10)을 렌더링 한다.
- + 버튼을 클릭 시 count가 1증가한다.
- - 버튼을 클릭 시 count가 1감소한다.
- + 버튼을 눌렀을 때 count가 12가 넘는 경우 더이상 증가하지 못한다. (Max 값이 12)
- - 버튼을 눌렀을 때 count는 8보다 작아지는 경우 감소하지 못한다. (Min 값이 8)
🌡️ 실습: Cypress 설치 및 사용
yarn install or npm install
cypress open
결과 확인
실행 화면
액션 로그
👏 Contributing
만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.
🐞 Bug Report
버그를 발견한다면, Issues에 등록해주세요.
📝 License
This project is MIT licensed.