[Cypress] 로컬에서 Cypress 설치 및 Demo Application (RWA) 구동하기

 

 

Cypress는 웹 애플리케이션용 프런트 엔드 테스트 도구이며, 오픈소스이다.

공식 문서가 잘 정리되어 있으니 꼭 읽어보는 것을 추천한다.

이번 포스팅은 로컬에서 Cypress 설치 및 Demo Application을 구동하는 방법을 소개하고자 한다.

 

Cypress 공식문서

https://docs.cypress.io/guides/overview/why-cypress/

Why Cypress? | Cypress Documentation

 

Cypress Real World App

Cypress  Real World App(RWA)은 Cypress 테스트 방법, 패턴 및 워크플로의 실제 사용을 보여주기 위해 결제 애플리케이션을 구현하는 오픈 소스 프로젝트. 아래에서 Cypress Studio의 기능을 시연하는 데 사용된다.

Best Practices | Cypress Documentation

 

---

Cypress 설치 방법

Git clone

git clone <https://github.com/cypress-io/cypress-realworld-app.git>

DB 구성

💭 해당 과정이 필수인지는 모르겠다.
해당 과정이 필수가 아니라면 댓글 남겨주시면 수정하겠습니다.

npm run dev db:seed:dev

RWA 실행 경로로 이동

RWA 실행

yarn dev 

 

ERROR

error:0308010C:digital envelope routines::unsupported에러가 발생한다면, 로컬에 설치된 Node.js 버전과 애플리케이션에서 요구하는 Node.js 버전이 상이해서 발생한 이슈이니, 해당 에러 발생한다면 아래 포스팅으로 이동 (RWA는 Node js 16을 사용해야 함)

 

https://seongeun-it.tistory.com/298

[Node.js] error:0308010C:digital envelope routines::unsupported

---

Cypress

Cypress 설치 경로로 이동

cd ~/Documents/Okestro/1.업무/1.SRC/cypress-realworld-app

Cypress 실행

npx cypress open

Cypress 실행 화면

접속 계정 확인

프로젝트 경로로 이동하여 아래 명령어 실행

yarn list:dev:users

예제 앱 사용자에서 계정정보를 확인할 수 있다. 기본 비밀번호는 s3cret이다.

 

Cypress 로그인 완료 화면