Selenium 마우스에서 손떼기 Release 사용법

저번 포스팅에서 clickAndHold 액션을 수행해 보았는데, 마우스를 클릭한 상태를 유지해 주었었다. 오늘은 마우스 클릭을 중지하는 release() 메서드를 사용해 보자. 
 
 

Release 사용법

 
 
 

release ( )

 
release 액션은 마우스에서 손을 떼고 엘리먼트를 원하는 위치에 내려놓을 수 있는 액션이다. release 액션은 전달받는 인자가 없고, Actions 클래스 인스턴스를 반환한다.
 
다음 예제는 원하는 페이지의 내용 일부를 드래그하는 예제이다. 사용자의 액션 빌드에 마지막 부분에 release() 액션을 사용하여, 클릭했던 마우스에서 손을 떼는 동작을 수행할 수 있다.

@Test
  public void f() {
	  //베토벤 네이버 지식백과
	  driver.get("https://terms.naver.com/entry.naver?docId=351954&cid=60516&categoryId=60516");
	  
	  Actions actions = new Actions(driver);
	 
	  WebElement start = driver.findElement(By.xpath("//*[@id=\"content\"]/div[2]/div[1]/h2"));
	  
      //드래그를 원하는 부분까지 좌표를 계산하여 옮겨준다.
	  actions.clickAndHold(start)
	  		.moveByOffset(580/2 ,11+23)
				.release()
	  		.perform();
	  
  }

 
결과 화면은 다음과 같다.
 

결과 이미지

 
 
 
 
 

웹 엘리먼트를 사용하는 release

release에 엘리먼트를 인자를 주어 동작할 수도 있다. 결과는 위의 예제와 같다.
 

@Test
public void f() {
  //베토벤 네이버 지식백과
  driver.get("https://terms.naver.com/entry.naver?docId=351954&cid=60516&categoryId=60516");
  
  Actions actions = new Actions(driver);
 
  //start는 루트비히 판 베토벤(h2) > end는 
  WebElement start = driver.findElement(By.xpath("//*[@id=\"content\"]/div[2]/div[1]/h2"));
  WebElement endPoint = driver.findElement(By.xpath("//*[@id=\"size_ct\"]/div[1]/div/div[1]"));  
  
  actions.clickAndHold(start)
  		.release(endPoint)
  		.perform();
  
}

 
 
위의 예제 코드에서 endPoint 를 잡을 때, 아래의 div.thmb.thmb_border 영역을 잡았다. 이것은 정해진 객체가 있는 것은 아니다. html요소를 검사하고, 적절한 엘리먼트를 선택하고, 스크립트를 작성해 보면서 원하는 결과가 나오는지 액션을 수행해 보면서 찾아야 한다. 많은 시행착오가 필요하다.
 
 

div.thmb.thmb_border 영역

 
 
처음에는 div.headword_title 을 잡았었는데, 제대로 선택되지 않았다. 해당 전체 영역의 중앙으로 마우스가 이동해서 release되는 것으로 보였다.
 
 

div.headword_title 영역

 
실제로 마우스로 시나리오를 수행해 보면서 스크립트를 작성하면 더 쉽게 작성 가능할 것 같다.
 
 
 
 

---