프로젝트 소개

이 저장소는 Cypress로 일반적인 시나리오를 테스트하는 방법을 보여주는 포괄적인 예제 프로젝트 세트를 제공합니다. 각 예제가 자체 Cypress 구성, 테스트, 자산을 가지면서 단일 루트 Cypress 설치를 공유하는 모노레포로 구성되어 있습니다. 레시피는 여러 범주로 그룹화되어 있습니다: - 기초: 환경 변수, JSON/CSV/API에서 동적 테스트, 픽스처, 사용자 정의 명령, TypeScript 설정, 타임아웃, Cypress 이벤트. - DOM 테스트: 탭 처리, 호버 및 숨겨진 요소, 양식 상호작용, 드래그 앤 드롭, 리소스 대기, CSV 테이블 검증, 성능 지표, 선택 위젯, Shadow DOM, 파일 다운로드, 페이지네이션, 클립보드, 반응형 이미지. - 로그인: Basic Auth, Single Sign-On, HTML 및 XHR 웹 양식, CSRF 토큰, JWT, 애플리케이션 코드 사용. - 전처리기: grep 필터링, Browserify 또는 Webpack을 사용한 TypeScript, Browserify를 사용한 Flow. - 블로그: 애플리케이션 액션, E2E API 테스트, 스냅샷, 요소 커버리지, Redux 및 Vue/Vuex 테스트, 접근성 테스트, iframe, 양식 제출을 포함한 Cypress 블로그 게시물에서 파생된 레시피. - 스텁 및 스파이: cy.intercept를 사용한 네트워크 스텁, 함수 스텁, window.fetch, window.open, 콘솔 메서드, Google Analytics, 리소스 로딩, navigator 속성. - 단위 테스트: 애플리케이션 코드 가져오기 및 테스트. - 서버 통신: 앱 부트스트래핑, 데이터베이스 시딩, XHR 어설션, 여러 도메인 방문, 스펙 간 값 전달, 오프라인 테스트, 서버 타이밍, API 대기, HTTP 요청 만들기. 추가 리소스에는 시각적 테스트 및 코드 커버리지에 대한 공식 Cypress 가이드 링크, 시각적 회귀, Cucumber, Jest, 이메일 테스트, OAuth 팝업 인증에 대한 커뮤니티 레시피가 포함되어 있습니다. 설치는 루트에서 npm install로 간단하며, 예제는 Cypress GUI 또는 CLI에서 헤드리스로 실행할 수 있습니다.