'Develop'에 해당되는 글 2건

Develop

말씀하신대로 작동이미지 캡쳐하였습니다.

 

개발자분과는 라이선스와 유지보수쪽에서 마무리 되어야 합니다. 기타 나머지 사항도 따로 협의해보시구요.

 

연락처는 문자로 따로 드리겠습니다.

 

닷넷용입니다. 컨트롤 라이브러리(dll)형태로서 제작하시는 프로그램에 컨트롤 형태로 얹어서 사용하는 방식입니다.

 

 

 

 

 

 

 

 

 

 

 

 

'Develop' 카테고리의 다른 글

수학 수식입력기 (Math Editor)  (0) 2017.06.09
웹 UI 테스트 - WebUITester  (0) 2016.11.22
0 0
Develop

WebUITester는 반복적으로 진행되는 웹입력단 테스트를 자동화하는 UI입력 테스트 프로그램입니다. 여기 한가지 사례를 들어 WebUITester를 활용할 수 있는 방안을 알아보고자 합니다.

 

 

이것은 한 웹사이트의 회원가입양식입니다. 실제 이런모양의 회원가입양식이 존재하지는 않지만 테스트를 위해 임의로 HTML을 코딩해서 만든것이니 그렇구나 하고 넘어가도록 합시다.

 

개발자는 위 양식을 기본으로 입력처리가 잘 되는지 테스트를 진행해야 합니다. 테스트는 프로그램에  다양한 입력형태(값의 변화에 따른)로 필요한 내용를 입력하여 테스트를 진행해야 하며 혹시라도 입력양식이 변경되면 변경이후의 테스트도 수행해야 합니다.

 

문제는 그때마다 개발자는 각각의 입력칸에 내용를 입력하고 '확인'버튼을 눌러 입력한 데이터가 목적한바 대로 잘 처리가 되는지 확인하는 절차를 반복해야 한다는 것입니다.

 

이제 WebUITester를 활용하여 위 입력양식에 대응하는 테스트를 진행해 보고자 합니다.

 

 

 

프로그램을 실행하고 Identity에 입력요소에 대한 식별자와 Value에 해당 입력요소에 들어갈 값을 입력합니다. 이때 해당 Identity가 ID로 구분되는지 NAME으로 구분되는지를 지정해야 합니다.

 

 

입력이 완료되면 'Add'버튼을 눌러 항목을 추가합니다. 참고로 예제로 제시된 HTML입력폼에서 이름요소의 ID는 txt_name이며 생년월일은 txt_birthday입니다.

 

 

 

위 이미지는 이름과 생년월일까지의 입력상황을 처리한 '예'입니다. 같은 방법으로 테스트를 진행할 모든 UI요소에 대한 입력을 완료한뒤 URL에 테스트를 진행할 페이지주소를 입력합니다.

 

 

참고로 입력된 요소중 rdo_sex_m은 '남자'로 표시된 요소이며 input type이 radio입니다. radio와 checkbox요소는 입력값이 0이면 False로 판단하고 checked속성을 제거하며 0이외에 모든 값은 True로 간주하고 checked속성을 추가한 후 선택상태로 두게 됩니다.

 

input type이 text, hidden, password 인 요소와 textarea 요소는 Value로 지정된 값을 그대로 넣지만 input type이 button, reset, submit, image 와 같은 버튼형태의 요소는 Value값을 무시하고 무조건 클릭이벤트를 유발합니다.

 

예제에서의 지역번호, 휴대 전화번호 앞자리, 휴직/재직 처리와 같은 select요소는 Value에 지정된 값에 해당하는 value항목을 선택하도록 하며 HTML button요소는 input type의 button과 동일한 처리를 수행합니다.

 

예제를 테스트해볼 준비가 끝났습니다. 이렇게 입력이 완료되면 'Go'버튼을 눌러줍니다.

 

프로그램은 테스트가 진행되면 각 요소의 Status에 상태에 대한 변화가 생길것입니다. 모든 테스트가 완료될때까지 기다려 주시면 해당 페이지를 브라우저로 띄우고 입력이 완료된 상태를 표시할 것입니다.

 

 

입력완료된 화면을 보니 전화번호에는 값이 들어가지 않았습니다.

 

 

상태값(Status)에도 전화번호 요소가 Failed로 표시되었습니다. 원인을 파악해보니 Identity입력값이 잘못들어 갔습니다. 각각의 요소는 ID가 ddl_로 시작하는게 아니라 txt_로 시작합니다.

 

따라서 해당 요소의 ID를 수정해줘야 하는데 이때는 바꾸고자 하는 Cell에 커서를 위치시키고 바꾸고자 하는 내용을 그대로 입력하면 됩니다.

 

 

내용을 변경했으므로 이제 'Go'를 다시 눌러 테스트를 시작합니다.

 

 

모든 입력이 완료되었습니다.

 

 

 

더불어 WebUITester에도 모든 요소가 Success처리되었습니다. 이처럼 UI입력에 필요한 모든 요소를 Web UI Tester에 등록하고 테스트를 진행하면 됩니다.

 

만약 입력처리와 동시에 '확인'등과 같은 button입력처리도 같이 수행하려면 해당 요소를 추가해주기만 하면 됩니다.

 

 

만약 특정 요소를 테스트에서 제외하려면 해당 요소에 있는 Remove 버튼을 눌러 해당요소항목을 삭제하시면 되며 일시적 제외라면 'Remove'대신에 'Skip'버튼을 활용할 수 있습니다. 참고로 Web UI Tster는 위에서 아래순서로 테스트를 진행하는데 이 순서를 바꾸시려면 특정 요소를 리스트에서 선택하신뒤 원하는 위치로 끌어다 놓으시면 됩니다.

 

마지막으로 설정내용과 등록된 요소는 'Save'버튼을 눌러 파일형태로 저장이 가능하며 필요할때 'Load'버튼을 통하여 언제든지 불러올 수 있습니다.

 

WebUITester.exe

 

Web UI Tester는 프로그램 실해에 .NET Framework 4.6 이 필요합니다.

'Develop' 카테고리의 다른 글

수학 수식입력기 (Math Editor)  (0) 2017.06.09
웹 UI 테스트 - WebUITester  (0) 2016.11.22
test, UI, web
0 0
1
블로그 이미지

클리엘