icon

IDE

웹 테스트 스텝

웹 테스트 스텝 기능을 통해 사용자는 웹 애플리케이션 테스트를 위한 다양한 스텝을 생성하고 관리할 수 있습니다.


Test Step 생성하기

Test Step 생성 화면 구성

웹 테스트 스텝 생성 화면 구성 요소 확인하기

웹 테스트 스텝 생성 화면

No구성 요소설명
1Close닫기 버튼, 클릭 시 테스트 케이스 상세 화면으로 이동
2새로고침화면 새로고침 버튼
3URL 입력 박스URL 입력 후, Send 버튼 클릭 시 해당 URL 화면 로드
4Inspector객체 탐지 버튼, 클릭 시 로드된 웹 페이지의 객체 탐지 모드로 전환
5추가 및 목록클릭 시, 테스트 스텝 정보 입력 및 테스트 스텝 목록 출력
6Browser입력된 URL의 웹 페이지가 로드되어 표시되는 영역

Inspector로 객체 탐지하기

웹 테스트 스텝 생성 화면의 브라우저 영역에는 입력한 URL의 실제 화면이 표시됩니다. 사용자는 실제 화면 위에 마우스를 클릭하여 현재 화면의 객체를 탐지하고 선택할 수 있습니다.

Inspector 모드 전환하기

[Inspector] 버튼은 Browser 영역에 웹 페이지가 로드되면 활성화됩니다. [Inspector] 버튼을 클릭하면 Inspector 모드로 전환되며, Browser 영역에서 탐지 할 객체를 마우스로 선택할 수 있습니다.

Inspector 버튼 클릭 화면

Inspector 모드 전환 화면


현재 화면에서 객체 탐지 및 선택하기

Inspector 모드에서 객체를 탐지할 수 있으며, 현재 화면에 마우스를 오버하여 선택 가능한 객체가 파란색 사각형으로 표시됩니다.

객체 탐지 화면

탐지된 객체를 마우스 클릭으로 선택할 수 있으며, 객체 선택 시 스텝 정보 입력 화면이 자동으로 출력됩니다.

객체 선택 화면


Test Step 정보 입력하기

현재 화면 객체 선택하기

Inspector 영역에서 테스트 스텝 생성을 위해 필요한 객체를 선택합니다.

Inspector 객체 선택 화면


테스트 스텝 입력 정보 구성 요소 확인하기

테스트 스텝 정보 구성 요소에 따라 Inspector에서 선택한 화면의 객체에 대한 테스트 실행 정보를 입력합니다.

테스트 스텝의 입력 구성 요소는 기본 입력 정보 외에 선택한 Command에 따라 입력 정보 및 선택 옵션이 변경됩니다. 각 Command의 입력 정보는 Command의 개별 매뉴얼을 참고하시기 바랍니다.

웹 테스트 스텝 입력 화면

No구성 요소설명
1Command테스트 실행 명령어
2Value테스트 실행 필요 참조 데이터(객체 속성, URL 등)
3Description테스트 스텝 상세 설명
4Required테스트 스텝 필수 실행 여부
5WaitTime테스트 스텝 실행 전 대기 시간(초)

테스트 스텝 생성하기

테스트 스텝 정보 입력 구성 요소를 참고하여 필요한 정보를 입력하고, [Add] 버튼을 클릭합니다.

웹 테스트 스텝 정보 입력 화면


테스트 스텝 생성 확인하기

생성된 웹 테스트 스텝은 테스트 스텝 목록에 추가됩니다.

웹 테스트 스텝 생성 후 목록 추가 화면


Test Step 목록 보기

테스트 스텝 목록은 현재 테스트 케이스의 실행 순서대로 정렬된 스텝 목록을 표시합니다. 목록을 통해 테스트 케이스에서 실행되는 스텝의 전체적인 흐름을 파악할 수 있습니다. 또한, 개별 테스트 스텝의 간략한 요약 정보를 제공하며 필요에 의해 실행 순서를 변경할 수 있습니다.

테스트 스텝 목록 구성 요소 확인하기

웹 테스트 스텝 생성 - 스텝 목록 화면

No구성 요소설명
1Total테스트 스텝 총 개수
2D&DDrag & Drop 방식으로 스텝 순서 변경
3Info테스트 스텝 요약 정보 표시(Description, Command, Value)
4Open상세 정보 보기 버튼, 클릭 시 스텝 추가 정보 표시

개별 테스트 스텝 상세 정보 보기

테스트 스텝 목록에서 개별 스텝의 [Open] 버튼을 클릭하면, 선택한 테스트 스텝의 추가 정보가 표시됩니다. 추가 정보가 표시된 상태에서 [Open] 버튼을 다시 클릭하면 추가 정보 미표시 상태로 변경됩니다.

해당 스텝의 모든 정보가 표시되는 것은 아니며, 공통적으로 사용되는 기본 정보만 표시됩니다. 개별 스텝의 상세 정보는 테스트 케이스 상세 화면의 테스트 스텝 상세 보기를 기능을 통해서 확인할 수 있습니다.

개별 테스트 스텝 상세 정보 화면

No구성 요소설명
1Command테스트 실행 명령어
2Value테스트 실행 필요 참조 데이터(객체 속성, URL 등)
3Description테스트 스텝 상세 설명
4Required테스트 스텝 필수 실행 여부
5WaitTime테스트 스텝 실행 전 대기 시간(초)
6Delete스텝 삭제 버튼, 클릭 시 스텝 삭제

테스트 스텝 실행 순서 변경하기

테스트 스텝 목록에서 Drag & Drop 방식으로 목록 순서를 변경할 수 있습니다. 변경하고자 하는 스텝을 클릭한 상태에서 목록 내 원하는 위치로 이동하면 즉시 수정 반영됩니다. 목록의 스텝 순서는 테스트 케이스의 테스트 실행 순서를 의미하며, 스텝 순서를 변경하면 테스트 케이스의 실행 동작 흐름이 변경됩니다.

순서 변경 전 화면

순서 변경 후 화면


Test Step 삭제하기

모바일 테스트 스텝 삭제는 아래의 방법 중 1가지 방법으로 진행할 수 있습니다.

  • 테스트 케이스 상세 화면에서 일괄 또는 개별 삭제하기
  • 테스트 스텝 생성 화면에서 개별 삭제하기

Test Case 상세 화면에서 일괄 또는 개별 삭제하기

  1. 테스트 케이스 상세 화면 > 테스트 스텝 목록에서 삭제할 테스트 스텝들을 선택합니다. 전체 선택 또는 삭제가 필요한 스텝만 개별 선택 가능합니다.

최상단 제목줄의 체크 박스를 선택 시, 모든 테스트 스텝을 선택하거나 선택 해제할 수 있습니다.

테스트 케이스 상세의 스텝 목록 전체 선택 화면

테스트 케이스 상세의 스텝 목록 개별 선택 화면

  1. 테스트 스텝 목록의 [Delete all] 버튼을 클릭합니다.

테스트 스텝 목록 화면

  1. 테스트 스텝 삭제 확인 팝업의 [Delete] 버튼을 클릭하면 테스트 스텝이 삭제됩니다. 팝업의 [Cancel] 버튼을 클릭하면 삭제가 취소됩니다.

테스트 스텝 삭제 확인 팝업


Test Step 상세 화면에서 개별 삭제하기

  1. 테스트 케이스 상세 화면에서 삭제하고자 하는 스텝의 [Detail] 버튼을 클릭합니다.

테스트 케이스 상세 화면

  1. 테스트 스텝 상세 보기 > 삭제 버튼을 클릭합니다.

테스트 스텝 상세 보기

  1. 삭제 확인 팝업의 [Delete] 버튼을 클릭하면 테스트 스텝이 삭제됩니다. 팝업의 [Cancel] 버튼을 클릭하면 삭제가 취소됩니다.

테스트 스텝 삭제 확인 팝업 화면

Previous
웹 테스트 케이스