React프로젝트에서 Cypress 같이 실행하기

라이브러리 설치

npm install start-server-and-test

Package.json > Script 설정

"scripts": {
    "dev": "vite",
    "cy:open": "cypress open",
    "e2e": "start-server-and-test dev {port} cy:open"
},

{port}에 포트를 정의한다. vite는 5173이 default port

 

에러 발생시 해결방법 --host를 붙여준다.

"scripts": {
    "dev": "vite --host",
    "cy:open": "cypress open",
    "build": "tsc -b && vite build",
    "preview": "vite preview",
    "e2e": "start-server-and-test dev {port} cy:open"
  },

실행

npm run e2e