20230729 [CodeceptJS] checkOption(라디오 버튼 테스트)

E2E(End-to-End) 테스트

실제 사용자 시나리오를 시뮬레이션 하여 애플리케이션 또는 시스템의 기능을 처음부터 끝까지 평가하는 데 중점을 둔 소프트웨어 테스트 방법론이다.
E2E 테스트의 주요 목표는 응용 프로그램의 모든 통합 구성 요소가 예상대로 함께 작동하고 전체 시스템이 지정된 요구 사항을 충족하고 올바르게 작동하는지 확인하는 것이다.

CodeceptJS란?

오픈소스 MIT 라이선스 테스트 프레임워크이다. CodeceptJS를 사용하면 웹 애플리케이션에 대한 E2E 테스트의 구현 및 실행이 용이하다.

checkOption 메서드

checkbox 또는 radio button을 선택한다.
해당 메서드의 두 번째 매개변수는 검색 범위를 좁히기 위한 컨텍스트이다.

I.checkOption('#agree');
I.checkOption('I Agree to Terms and Conditions');
I.checkOption('agree', '//form');

예시 코드

위 화면에서 사용자가 별점 5점을 선택하는 상황을 codeceptJS로 나타내야 했다.

Scenario('내용을 모두 입력해서 성공적으로 리뷰가 등록된 경우 (해당 상품을 구매한 고객이 로그인 후 리뷰를 작성하려는 경우임.)', ({ I }) => {
  // Given
  I.login();
  I.setupOrder();
  I.deleteReview();
  I.amOnPage('/products/1');

  I.fillField('제목', 'Good!');
  I.checkOption('★★★★★');
  I.fillField('리뷰 내용', '만족합니다.');
  I.click('WRITE');

  // Then
  I.see('Good!');
  I.see('a111');
  I.see('수정');
  I.see('삭제');
});