브라우저 테스트 녹화 설명¶
전제 조건¶
- 녹화 플러그인 설치: "설정 단계" 영역에서 "녹화 플러그인 다운로드"를 클릭하여 설치 패키지
.zip을 다운로드합니다. - Chrome 브라우저를 열고 확장 프로그램 관리 페이지(
chrome://extensions)로 이동합니다. - "개발자 모드"를 활성화합니다.
- 다운로드한 설치 패키지를 확장 프로그램 관리 페이지로 드래그하거나, "압축 해제된 확장 프로그램 로드"를 클릭하여 압축 해제된 폴더를 선택하여 설치를 완료합니다.
- 설치가 완료되면 브라우저 도구 모음에 플러그인 아이콘이 나타납니다.
녹화 패널 열기¶
브라우저 도구 모음의 Browser Recorder 플러그인 아이콘을 클릭하면 오른쪽에 녹화 패널이 열립니다. 패널 상단에는 현재 상태와 현재 페이지 주소가 표시되며, EN / 간체 / 번체 / ID 네 가지 언어 전환을 지원합니다.
녹화 작업 절차¶
-
페이지 확인: 브라우저에서 녹화할 대상 페이지를 열고 패널 상단의 현재 페이지에 올바른 URL이 표시되는지 확인합니다.
-
작업 정보 입력: 작업 정보 영역에 다음을 입력합니다.
-
작업 이름: 브라우저 테스트 작업 이름을 입력합니다. (비워두면 기본적으로 현재 도메인 이름이 사용됩니다.)
-
데이터 속성: 필요에 따라 태그를 추가합니다. (예:
owner=platform) 각 줄에 하나의 키-값 쌍을 입력합니다. -
녹화 시작: 녹화 시작을 클릭하면 패널 상태가 녹화 중으로 변경되고, 시스템이 자동으로 페이지 동작을 캡처하기 시작합니다.
-
비즈니스 작업 수행: 페이지에서 테스트할 사용자 경로를 완료합니다. 예: 버튼 클릭, 계정/비밀번호 입력, 페이지 로딩 대기 등. 플러그인이 자동으로 클릭, 입력, 페이지 이동 등의 동작을 기록합니다.
-
검증 항목 추가(선택 사항): 녹화 중에 수동으로 어설션을 추가할 수 있습니다.
-
텍스트 검증: 클릭하면 텍스트 선택 모드로 전환됩니다. 페이지에서 대상 텍스트를 클릭하여 텍스트 어설션을 추가합니다.
- 제목 검증: 현재 페이지 제목을 자동으로 어설션에 추가합니다.
-
URL 검증: 현재 페이지 주소를 자동으로 어설션에 추가합니다.
-
녹화 중지: 작업이 완료되면 중지를 클릭합니다. 패널 상태가 중지됨으로 변경됩니다.
-
YAML 내보내기: YAML 다운로드를 클릭하여 생성된 스크립트 파일을 로컬에 저장합니다. 파일 이름 형식은
browser-dial-{hostname}-{timestamp}.yaml입니다.
Guance로 가져오기¶
"새 브라우저 테스트" 페이지로 돌아가 "설정 단계" 영역에서 업로드를 선택합니다.
