Selenium 엘리먼트 속성 가져오기 HTML get 속성 , java

테스트를 원하는 엘리먼트의 특정한 Attribute, Text, Size, CssSelector 등의 속성들을 알아야할 때가 있다. 이때 사용할 수 있는 메서드에 대해 공부해보자.

 

엘리먼트 속성 가져오기

getAttribute()

getAttribute() 메서드는 모든 웹 엘리먼트에 사용 가능하다. 속성 이름을 문자열 타입의 인자로 받는다. 반환 타입도 속성값을 문자열로 반환한다.

 

아래는 네이버 홈페이지의 검색 필드(입력창) Element이다.

<input id="query" name="query" type="text" title="검색어 입력" maxlength="255" class="input_text" tabindex="1"
 accesskey="s" style="ime-mode:active;" autocomplete="off" placeholder="검색어를 입력해 주세요." onclick="documen
t.getElementById('fbm').value=1;" value="" data-atcmp-element="">

 

해당 엘리먼트의 속성값을 알고 싶은 경우, 아래와 같이 출력해볼 수 있다.

public void elementGetAttributesExample() {

        WebElement searchBox = driver.findElement(By.name("query"));

        System.out.println("Name of the box is: "
                + searchBox.getAttribute("name"));

        System.out.println("Id of the box is: "
                + searchBox.getAttribute("id"));

        System.out.println("Class of the box is: "
                + searchBox.getAttribute("class"));

        System.out.println("Placeholder of the box is: "
                + searchBox.getAttribute("placeholder"));
 }

 

 

 

 

 

getText()

getText 액션은 모든 엘리먼트를 대상으로 실행할 수 있다. 엘리먼트가 텍스트를 표시하고 있으면 텍스트를 그대로 보여주고, 없으면 아무것도 반환하지 않는다.

 

다음은 네이버 홈페이지 상단의 공지사항 내용을 가져오는 예제이다. 아래에는 이클립스에서 결과 화면이 있다.

public void elementGetTextExample() {

        WebElement siteNotice = driver.findElement(By
                .className("_3VkgqBXB"));

        System.out.println("Complete text is: "
                + siteNotice.getText());
    }

 

이클립스-결과-화면

 

 

 

getCssValue()

getCssValue() 메서드는 모든 웹 엘리먼트를 대상으로 사용 가능하다. 엘리먼트에서 폰트, 배경색, 색상 등의 CSS속성값을 가져온다.

 

아래 테스트 코드로 검색창의 font-family를 가져온다.

 

public void elementGetCssValueExample() {

        WebElement searchBox = driver.findElement(By.name("query"));

        System.out.println("Font of the box is: "
                + searchBox.getCssValue("font-family"));
 }

 

 

getLocation() 와 getSize()

둘다 모든 엘리먼트를 대상으로 실행 가능하다.

• getLocation : 엘리먼트의 상대 위치를 (x,y)좌표로 가져올 수 있다. (왼쪽 위가 (0,0)으로 가정)
• getSize : 엘리먼트의 너비와 높이를 반환

검색창의 상대위치와 사이즈를 알 수 있는 코드를 작성해보자.

public void elementLocationAndSizeExample() {

        WebElement searchBox = driver.findElement(By.name("query"));

        System.out.println("Location of the box is: "
                + searchBox.getLocation());

        System.out.println("Size of the box is: "
                + searchBox.getSize());
    }

이클립스-콘솔-결과

 

 

 

 

getTagName()

getTagName() 메서드는 모든 엘리먼트에서 수행 가능하다. 인자는 없고, 웹 엘리먼트의 태그 이름을 반환한다.

 

아래 코드는 네이버 검색 버튼의 태그 이름을 반환하는 코드이다.

public void elementGetTagNameExample() {
    WebElement searchButton = driver.findElement(By.className("btn_submit"));

    System.out.println("Html tag of the button is: "
            + searchButton.getTagName());
}