cypress 환경 구축

전직하여 테스트 엔지니어가 되었으므로, 웹 시스템의 UI 테스트를 자동화할 수 있는 cypress에 대해 배웁니다.

cypress란?


  • 무료로 사용할 수 있는 UI 자동 테스트 도구
  • Google 크롬 전용 (다른 브라우저에서는 테스트 불가)
  • 동작이 가벼운
  • JavaScript로 테스트 스크립트 작성

  • cypress 설치 환경


  • windows 10 home 64bit
  • gitbash 사용

  • node/npm 설치



    노드의 설치
    다운로드는 이쪽으로부터

    단말기에 있던 것을 다운로드하고, 인스톨러를 실행해, 인스톨을 완료한다.

    인스톨이 완료하고 나서, node와 npm의 버젼 확인을 해 보면 버젼이 표시되어 인스톨 되고 있는 것을 확인할 수 있다.


    cypress 설치


  • cypress를 저장하는 디렉토리 만들기
  • cypress 디렉토리로 이동하면 npm install에서 cypress를 설치하십시오.
    $ npm install cypress --save-dev
    

    설치에는 5분 정도 걸리므로 끝날 때까지 기다리자.

    - cypress 시작


    $ ./node_modules/.bin/cypress open
    


  • cypress 관리 화면이 표시됨


  • 여기까지 cypres에 의한 테스트 환경이 갖추어졌습니다.

    좋은 웹페이지 즐겨찾기