안녕하세요. 엔지엠소프트웨어입니다. 오늘은 간단하게 페이지에서 클릭 또는 체크할 엘리먼트 요소가 화면에 표시되었는지 확인하는 방법을 알아보도록 하겠습니다. 이 예제를 테스트하기 위해 아래와 같이 먼저 학습이 필요합니다. 네이버로 이동한 후 검색까지 진행해야 합니다.

[ 웹소켓 API의 웹브라우저 콘트롤을 이용해서 네이버 검색어를 입력하고 검색 버튼을 클릭하는 방법. (InputSetText) ]

 

위 내용을 학습하면 아래와 같은 스크립트가 만들어졌을겁니다.

 

 

참고로, 네이버 검색 및 찾을 엘리먼트(Element: 요소)를 자동화 하기 위해 변수에 미리 넣어두었습니다. 상품명과 상품코드 변수입니다.

• 아이디: 상품명
• 문자열: NGM 매크로(플레이어6-Community)
• 덮어 쓰기: True

 

 

[ 웹소켓 명령 ]의 InputSetText 메소드는 아래와 같이 변경해야 합니다. 이전 예제에서는 직접 입력했지만, 지금은 변수로부터 가져와야 합니다.

• 메소드 선택: InputSetText
• 파라메터: {"selector":"#query","text":"{{상품명}}","key":"\r"}

 

 

마지막으로 웹소켓 명령 액션을 추가하고, 아래와 같이 설정 해줍니다. 파라메터를 보면 Json 형식이 아닌 Css Selector 형식입니다. 엔지엠 매크로의 웹 API 기능을 사용해보신 분들은 XPath가 익숙하실겁니다. 하지만, 웹소켓 API는 Css Selector를 사용하기 때문에 어느정도 웹기반 기술을 알고 있어야 업무 자동화 매크로 프로그램을 제작할 수 있습니다.

• 메소드 선택: IsElementVisiable
• 파라메터: div[class*='product_info'] a[href*='{{상품코드}}']

 

 

IsElementVisiable은 제외 영역을 사용합니다. 웹브라우저에서 엘리먼트가 보이는지 체크하기 위함입니다. 제외 영역을 설정하지 않으면 화면에 엘리먼트가 약간이라도 걸쳐 있으면 True로 판단합니다. 엘리먼트는 일반적으로 범위를 가집니다. 버튼의 경우 좌표(X, Y)와 크기(Width, Height)로 이루어져 있습니다. 그렇다보니 상하좌우 걸쳐 있는 경우가 발생합니다. 완전하게 화면에 들어오면 실행하게 하려면 제외 영역을 최소 1을 입력해야 합니다.

 

엘리먼트가 웹브라우저 화면에 보이면 결과 반환 값은 True가 됩니다. 반대로 화면에 안보인다면 이 값은 False가 됩니다.

 

 

IsElementVisiable API

Parameters

• selector: string (Json 형식이 아닌 css selector 값을 입력해야 합니다.)

Return Object

• result: string (엘리먼트가 웹브라우저 화면에 보이면 True, 안보이면 False를 반환합니다.)
  ※ 이 메소드는 엘리먼트가 웹브라우저에 없다는 뜻은 아닙니다. 엘리먼트가 페이지에 존재하지만 화면에 안보이는지 체크합니다.
• errorText: string (탐색이 실패한 경우에만 표시되는 사용자 친화적인 오류 메시지를 반환합니다.)

 

개발자에게 후원하기

 

추천, 구독, 홍보 꼭~ 부탁드립니다.

여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

감사합니다~

추천0 비추천0