如何使用Selenium Webdrive JavaScript移动鼠标指针并单击？

Question

我是硒的新手，我面临着简单任务的问题。

我试图将鼠标移动到页面中的特定区域（x，y坐标），然后单击，但没有成功。我确实阅读了文档，因为chromewebdriver，我使用了{bridge:true}。

这是我的代码：

var webdriver = require('selenium-webdriver'),
  By = webdriver.By,
  until = webdriver.until,
  Origin = webdriver;


var driver = new webdriver.Builder()
  .forBrowser('chrome')
  .build();


driver.get('http://www.localhost:4000/');

var actions = driver.actions({ bridge: true });

actions.mouse().move({x: 400, y: 1100, duration: 2000, origin: Origin.VIEWPORT});

另一个问题。我知道有第四个参数起源起源：起源。VIEWPORT，但是，我不知道我是否正确导入了它。

我也不知道如何触发点击事件，因为我没有选择任何元素。我想点击鼠标指针的最后位置。

Answer 1

WebDriver driver = new FirefoxDriver();
JavascriptExecutor scpt = (JavascriptExecutor)driver;
scpt.executeScript("document.getElementById('[insert id]').click();");

确保您添加了一个计时器睡眠，以便它可以让页面加载，然后能够在之后单击，因此使用Thread。睡眠（）；

Answer 2

它对我有用

//定位一個按鈕
WebElement button = driver.findElement(By.xpath("//div[@class='page-button']"));
//new 一個移動滑鼠的物件
Actions clickAction = new Actions(driver).click(button);
//執行
clickAction.build().perform();

Answer 3

看来你错过了。执行（） 。

经典的方法是使用量角器

 // Instead of specifying an element as the target, you can specify an offset
// in pixels. This example double-clicks slightly to the right of an element.
browser.actions().
    mouseMove(element).
    mouseMove({x: 50, y: 0}).
    doubleClick().
    perform();

您可以使用mouseMove来编辑body元素的x-y。

希望这对你有帮助！

编辑

如果这对你不起作用，试试这样：

browser.actions() .mouseMove(element, { x: 20, y: 75, }) .perform().then(() => browser.actions() .click() .perform());