Katalon Studio Free v10 버전의 Recording 및 Object Spy 기능 오류

 

Katalon Studio Test Case 생성 & 실행해보기

레코딩 기능 관련 사용법은
이전 게시글을 참고해주세요.

 

Katalon Studio vs Katalon Studio Enterprise Features | Katalon Docs

카탈론 공식 문서에 따르면,
Katalon Studio Free 에서는 
Web Recorder와 Object Spy 기능을 사용 가능하나
특정 버전(v10)에서 오류로
해당 기능을 사용할 수 없는 현상이 발생한다고 합니다.

해결책을 알려드리겠습니다.
id 기반 XPath를 추출하면 됩니다.

XPath(XML Path Language)란?
HTML/XML 문서에서 원하는 요소
(버튼, 입력창, 셀렉트박스 등)를 경로로 찾아내는 언어입니다.

카탈론은 추출한 요소에 스크립트로 액션을 작성하는 방식이기에
XPath로 요소를 추출하여 사용하는 것입니다.

Katalon Studio > Object Repository 내 XPath 기반으로 요소를 추출한 이미지

id를 보면 누가봐도 삭제버튼입니다
TC에서 어떻게 활용되는지 보면..

추출한 삭제버튼을 가지고 AdminDel이라는 TC 파일 내에 스크립트를 작성합니다!

그리고
TC에서 스크립트를 다 작성할 필요없이
Keywords에서 공통 함수를 작성한 후
TC에서 해당 공통 함수를 가져다 재사용하는 방법도 있습니다.
이건 추후에 따로 다루겠습니다.

우선은 XPath 추출하는 방법에 대해 설명하겠습니다. 

1. 요소 추출 대상 우클릭하여 검사

예를 들어 구글의 검색창 요소를 추출하고 싶다면
검색창에 우클릭 후 검사를 클릭 시 해당 인풋 타입의 id 확인이 가능합니다.
만약 id가 없다면 프론트 개발자에게 요청해야 합니다.

2. 해당 요소의 XPath 추출

우클릭 시 XPath 카피가 가능합니다

3. Katalon Studio에서 새로운 오브젝트(요소) 생성

Object Repository > Test Object 생성

XPath 선택 및 Selected Locator에 아까 복사한 XPath 붙여넣기

이렇게 하면 자유롭게 사용이 가능합니다.

그런데 가장 중요한건..
왜 id를 기준으로 추출이 필요하다고 한걸까요?
바로 코드 유지보수 때문입니다.

id는 HTML 구조 내 고유한 값이어야 하고
페이지 내에서 단 한 개만 존재해야 합니다.
id만 변경되지 않는다면, 코드를 수정할 필요가 없어집니다.
프론트 개발자와의 협업도 원활하겠죠?

만약 구조 기반으로 XPath를 추출했고
프론트에서 해당 요소를 감싸는 구조가 변경된다면
구조가 변경될 때마다.. 코드 유지보수가 필요합니다.

예를 들어 <div>로 감싸고 있는 것이 <Section>으로 변경된다면
이 구조에 맞춰 다시 요소를 추출해야 한다는 것입니다.
너무 비효율적이죠.

id가 있다면 해당 요소를 정확하게 핸들링 가능하니,
개발로 보나 자동화로 보나 관리하기 용이해집니다.
제품 품질 향상을 위해서도 꼭 필요한 사항입니다.

다음에는 Keywords 를 이용하여
공통 함수를 사용하는 방법에 대해 작성해보겠습니다.