MoveToElement不适用于鼠标悬停并按住元素上的单击

Question

Following is the sample HTML code of the page:

I'm trying to mouse hover on the element with following xpath:

WebElement Bar1 = dvr.findElement(By.xpath("//div[@class='barModel']/div[@class='model']/canvas[@class='segment']")));

Following is the code

act = new Action (driver);
act.moveToElement(Bar1).build().perform();
act.clickAndHold();

My objective is to drag the element. Running the above code doesn't give any error but there is no visible interaction on the page. I am able to do this task using Robot class but just curious to make it happen using Action class.

Answer 1

You didn't performed clickAndHold action:

act = new Action (driver);
act.moveToElement(Bar1).build().perform();
act.clickAndHold().perform();

If you want to drag and drop element you can just use build-in function:

act.dragAndDrop(movedElement, targetElement).perform();

Answer 2

You can use JavaScriptExecutor to perform mouseover as like below :-

JavascriptExecutor js = (JavascriptExecutor) dvr;
js.executeScript("var clickEvent = document.createEvent('MouseEvents');clickEvent.initEvent('mouseover', true, true); arguments[0].dispatchEvent(clickEvent);", Bar1);

By using above Java Script you can perform mouseover . Now you can use dragAndDrop to move element as below :-

Actions action = new Actions(dvr)
action.dragAndDrop(sourceElement, destinationElement).build().perform()

Hope it will help you...:)