Cypress - 설치 및 실행 (2)

less than 1 minute read

이번 포스트에서는 Cypress를 사용자의 Local에 설치하는 방법에 대해 정리합니다.

설치환경

STEP1: Cypress 설치

NPM 설치 Cypress의 Local 설치는 간단합니다. 다음을 통해 Cypress를 설치하세요.

설치전 Cypress가 올바른 디렉토리에 설치되도록 프로젝트 루트에 이미 폴더나 파일의 npm init이 실행 되었거나 node_modules폴더 또는 package.json파일이 있는지 확인하십시오.

$ cd /your-project-patgh
#테스트를 진행할 프로젝트 또는 Cypress 전용 사용자 정의 폴더로 이동합니다.

$ npm install cypress --save-dev
#프로젝트에서 설치시 개발 의존성 모듈로 설치를 합니다.

npm 설치가 완료되면 이제 Cypress 를 아래와 같은 방법으로 실행할 수 있습니다.

$ ./node_modules/.bin/cypress open

또는 단축키를 이용하여

$ $(npm bin)/cypress open

또는 npx를 사용하여

$ npx cypress open

또는 yarn을 사용하여

$ yarn run cypress open

위의 명령어중 하나를 실행하면 Cypress Test Runner가 시작됩니다.

npm scripts 명령어 등록 매번 Cypress 실행시 전체 파일경로를 작성하는데 어려움이 있다면 packages.json 내에 scripts 명령어를 등록해 실행할 수 있습니다.

...
{
  "scripts": {
    "cypress:open": "cypress open"
  }
}
...

그리고 터미널에서 다음 명령어를 사용하면 Cypress가 바로 실행됩니다.

$ npm run cypress:open

Cypress.io
참고: 좀더 자세한 설명을 원하시면, Cypress 공식 홈페이지에서 확인하실 수 있습니다.