cypress 10 E2E test 설치

cypress를 찾아서 들어오신 분들은 아마도 99.999% 는 자바스크립트를 어느정도 다 할 줄 아시는 분들이라 생각이 되어 설치법이 필요할까 싶습니다. 다만 블로그가 처음이다보니 연습삼아 적어보는 것도 있고 혹시 그냥 cypress 설치 라고 구글에 검색하시는 분들이 들어올 수도 있을 것 같다는 생각입니다.

일차적으로 node는 설치되어있다고 가정하고 진행하겠습니다.

이 글 이후로 간단하게 cypress 10에 대해서 정리해보려고합니다.

npm을 통해 cypress 를 설치 합니다.

$> npm init -y
...
$> npm i -D cypress

package.json 수정

{
  ...
  "scripts" : {
      test: "cypress open"
      // test: "cypress open --e2e --browser chome" // 유형선택클릭을 건너뛴다.
  }
  ...
}

typescript 설치 (js로 그냥 사용할 분은 안하셔도 됩니다.)

$> npm i -D typescript

tsconfig.json 구성

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["es5", "dom"],
    "types": ["cypress", "node"]
  },
  "include": ["**/*.ts"]
}

cypress 실행

$> npm run cypress

cypress 새창이 뜨면 성공입니다.