Skip to content

transcendence42/cypress-basic

 
 

Repository files navigation



UI Counter

Cypress를 익혀보기 위한 초간단 미션

template version

🔥 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

결과 확인

Screen Shot 2018-11-23 at 6.48.56 PM (1).png

실행 화면

Screen Shot 2018-11-23 at 6.49.52 PM (1).png

액션 로그

Screen Shot 2018-11-23 at 6.50.33 PM (1).png

👏 Contributing

만약 미션 수행 중에 개선사항이 보인다면, 언제든 자유롭게 PR을 보내주세요.


🐞 Bug Report

버그를 발견한다면, Issues에 등록해주세요.


📝 License

This project is MIT licensed.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 54.4%
  • TypeScript 38.8%
  • HTML 6.8%