Cypress/#108

[seonghunYang]

📌 작업 내용

구현 내용 및 작업 했던 내역

• cypress 설치 및 스크립트 작성
• .devcontainer 환경에서 cypress 실행
• 몇 가지 잘못된 경로 수정
• RSC와 Cypress 호환 에러 수정
• 데모를 위한 session 등록 테스트 작성

🤔 고민 했던 부분

• Cypress를 실행하는 두 가지 방법을 제공합니다. 하나는 일반적으로 알고 있는 'npm install'을 통한 설치 방식이며, 또 다른 하나는 VSCode의 devcontainer 기술을 이용하는 방법입니다.
• 여러분의 경우 'npm install'을 실행하고 'npm run cypress:open'으로 작동시키면 됩니다. 만약 동작하지 않는 경우, 필수 종속성이 설치되지 않았을 가능성이 있으므로 아래 링크에서 다운로드 받으시면 됩니다.
• https://docs.cypress.io/guides/getting-started/installing-cypress#Linux-Prerequisites
• devcontainer를 사용한 이유는 다음과 같습니다: 첫째, Cypress가 'npm install' 외에도 설치해야 할 의존성이 많아서, 이를 모르는 사용자도 쉽게 사용할 수 있도록 하기 위함입니다. 둘째, 걍 Codespace 환경에서 Cypress가 작동하지 않기 때문입니다.
• VSCode devcontainer 설정이 복잡하지 않으므로 아래 링크의 지침을 따라서 실행해도 됩니다.
• https://code.visualstudio.com/docs/devcontainers/tutorial
• 성공적으로 설정하면 위 이미지처럼 GUI가 표시됩니다. 만약 문제가 발생하면 알려주세요. 도와드리겠습니다.

🔊 도움이 필요한 부분

[gahyuun]

제 개인 맥 환경에서는 권한이랑 캐시문제 때문에 바로 실행되진 않았는데 잘해결해서 돌아가는거 확인했습니다 고생하셨습니다!

[yougyung]

실행 과정에 문제는 따로 없었어요. 덕분에 자바스크립트 E2E 테스트 도구를 새롭게 알게되었네요. 수고하셨습니다 !

[github-actions]

🚀storybook: https://65ccb85d5afe55a024495bc0-qvjhndxwhc.chromatic.com/