Selenium 마우스 드래그하기 clickAndHold 사용법

 

 

이번 포스팅에서는 마우스를 클릭하고, 손을 떼지 않고 클릭하고 있는 방법을 알아보자. 웹페이지 등을 마우스로 드래그하는 사용자 액션을 수행할 때 사용할 수 있다.

 

 

clickAndHold 사용법

 

 

clickAndHold ( )

clickAndHold() 메서드는 마우스로 엘리먼트를 클릭한 후 손을 떼지 않고 누르고 있는 동작을 시뮬레이트한다. 드래그앤드랍 동작을 하여 웹 엘리먼트 요소를 옮길 때나, 드래그하여 특정 영역을 선택할 때도 사용 가능하다.

 

 

예제를 통해 알아보자. 드래그하여 어떤 신문기사의 title을 드래그해 블록을 잡아볼 것이다. clickAndHold()와 moveByOffset()을 적절히 사용하여, 마우스를 누른 상태에서 이동하여 드래그하는 액션을 수행해 볼 수 있다.

 

moveByOffset() 사용 방법은 관련 포스트(링크)를 참조해볼 수 있다.

 

 

@Test
  public void f() {
	  //요즘 관심있는 부동산 관련 기사로 이동~
	  driver.get("https://post.naver.com/viewer/postView.naver?memberNo=11466887&volumeNo=34688039");
	  
	  Actions actions = new Actions(driver);
	 
	  //타이틀 영역의 엘리먼트를 xpath를 이용해 가져온다.
	  WebElement title = driver.findElement(
           By.xpath("//*[@id=\"SEDOC-1666756776571--1769050777\"]/div[3]/div/div/div[2]/div/div/div/h3")
      );
	  
		// 타이틀의 영역을 조사해서 마우스 좌표를 이동한다.
	  actions.moveByOffset(title.getLocation().getX(), title.getLocation().getY()+2)
	  		.clickAndHold()
	  		.moveByOffset(700, 70)
	  		.perform();
	  
}

코드 수행 결과

 

 

 

웹엘리먼트를 사용하는 clickAndHold

엘리먼트의 좌표를 사용하는 대신, 엘리먼트를 clickAndHold 메서드의 인자로 주어 드래그동작을 수행할 수 있다. 위의 예제를 변형해 보자.

 

@Test
  public void f() {
	  //요즘 관심있는 부동산 관련 기사로 이동~
	  driver.get("https://post.naver.com/viewer/postView.naver?memberNo=11466887&volumeNo=34688039");
	  
	  Actions actions = new Actions(driver);
	 
	  //타이틀 영역의 엘리먼트를 xpath를 이용해 가져온다.
	  WebElement title = driver.findElement(
        By.xpath("//*[@id=\"SEDOC-1666756776571--1769050777\"]/div[3]/div/div/div[2]/div/div/div/h3")
      );
	  
	  // 타이틀의 영역을 조사해서 마우스 좌표를 이동한다.
	  actions.clickAndHold(title)
	  		.moveByOffset(340, 50)
	  		.perform();
	  
}

 

결과가 위 예제 와는 조금 다르게 수행되는 것을 볼 수 있다.

 

두번째 예제 수행 결과

title.getLocation().getX()/getY() 로 엘리먼트를 가져오면 title영역의 가장 왼쪽/가장 위의 좌표를 가져오고, title 객체를 인자로 주어 이동하면 엘리먼트의 중간 위치를 가져온다.

 

이 부분은 미리 알고 있으면 스크립트를 작성을 할 때, 적절히 사용할 수 있을 것이다.

 

 

---

함께 보면 좋은 글

Selenium 마우스 이동하기 MoveByOffset 사용법, Java

Selenium 마우스 클릭 액션 Click 사용법