문의를 보내주셔서 감사합니다! 팀원이 곧 연락드리겠습니다.
예약을 보내주셔서 감사합니다! 저희 팀 멤버 중 한 분이 곧 연락드리겠습니다.
코스 개요
1일차 – 개요 및 기본 사항
개요
- 테스트 피라미드 내에서 Cypress의 역할 설명
- 테스트 자동화 환경 구성 방법 (Node LTS, npm)
- 최소한의 기능만을 갖춘 Cypress 프로젝트 생성하기
- GUI 모드와 헤드리스 모드에서 첫 번째 ‘스모크’ E2E 테스트 작성하기
핵심 개념
- Cypress의 기본 원리, 명령어 큐, 자동 재시도 기능
- before, beforeEach, afterEach, after 훅을 활용한 테스트 절차 제어
- .as() 메서드를 통한 별칭 지정 및 cy.get('@alias')로 재사용 가능성 향상
API(계약) 테스트
- Cypress의 cy.request()를 활용한 직접적인 API 테스트
- 특수 상황을 대비해 cy.intercept()로 API 응답 가짜 데이터 생성하기
- 프론트엔드와 백엔드 간 통합 안정성을 보장하는 방법
커스텀 Cypress 명령어
- 로그인, 페이지 이동과 같은 반복적인 작업을 커스텀 명령어로 구성하기
- 재사용 가능한 cy.login() 등의 함수를 통해 코드 정리 및 유지보수성 향상
일정 안내: 이론 설명 + 시연 + 실습 문제 해결 선수 지식: 기본적인 자바스크립트 이해, VSCode 및 Git 활용 능력
2일차 – 고급 기법 및 CI/CD 통합
복잡한 테스트 구현하기
- 사용자 흐름 전체를 자동화하는 방법
- cy.intercept와 cy.session을 활용해 애플리케이션 상태 제어하기
- 불안정한 테스트 발생 방지 및 안정성과 실행 속도 향상 전략
데이터 기반 테스트
- JSON 파일에 테스트 데이터를 저장해 사용하기 (fixtures)
- 동일한 로직을 다양한 입력값으로 반복 실행하는 매개변수화된 테스트 구현하기
Cypress 플러그인 활용법
- 보고 기능: mochawesome, allure-cypress, junit-reporter
- 상호작용 관련 플러그인: cypress-file-upload, cypress-real-events
- 접근성 향상을 위한 플러그인: cypress-axe, cypress-audit
- 시각적 회귀 테스트용 플러그인: cypress-image-snapshot
- 코드 유지보수성을 높여주는 플러그인: @testing-library/cypress, cypress-plugin-tab
Cypress와 CI/CD 통합하기
- GitHub Actions 연동 방법
- Node.js 및 Cypress 환경 구성과 헤드리스 모드에서의 테스트 실행 절차
- 코드 푸시 또는 PR 발생 시 자동으로 테스트가 실행되도록 설정하기
- 민감한 정보의 안전한 관리 방안
요약 및 결론
요건
- 소프트웨어 테스팅에 대한 기본적인 이해
대상자
- 소프트웨어 테스터
14 시간
회원 평가 (3)
실습을 통해 정보를 더 쉽게 기억할 수 있습니다.
ashley bolen - Insurance Corporation of British Columbia
코스 - Test Automation with Selenium
기계 번역됨
매우 흥미로운 주제와 매우 유식한 트레이너
Pedro Miguel Costa - Natixis
코스 - Automation Testing with Cypress
기계 번역됨
Key topics can be discussed and agreed upon with the trainer in advance. Relaxed and pleasant atmosphere during the seminar days.
