Selenium Java 拖放与 HTML5

Question

在这里的几个线程中，发布了一个解决方法，用于使用 HTML5 进行拖放的页面中的硒拖放。此解决方法涉及使用 javascript 来模拟拖放，例如 Unable to perform HTML5 drag and drop using javascript for Selenium WebDriver test 和 https://gist.github.com/rcorreia/2362544。此解决方案在此页面上运行良好，http://the-internet.herokuapp.com/drag_and_drop。

一般的做法是把这里的javascript文件（https://gist.github.com/rcorreia/2362544#file-drag_and_drop_helper-js）读成一个字符串，下面简称为'jsfile'。

然后在 selenium（使用 java）中，传入源和目标的 css 选择器，其中 #column-a 是源的 id，#column-b 是目标。

 ((JavascriptExecutor) driver).executeScript(jsfile +"$('#column-a').simulateDragDrop({ dropTarget: '#column-b'});");

它在该页面上就像一个冠军。

但是，类似的方法似乎不适用于此页面，https://crossbrowsertesting.github.io/drag-and-drop.html。当我运行时没有任何反应

 ((JavascriptExecutor) driver).executeScript(jsfile +"$('#draggable').simulateDragDrop({ dropTarget: '#droppable'});");

我的页面看起来像第二页（例如没有拖放）。作为理解这一点的第一步，我想知道为什么这种方法在后一种情况下似乎不起作用。

Answer 1

在重新测试https://crossbrowsertesting.github.io/drag-and-drop.html 时，看起来直接使用 Actions 类可以解决拖放问题。在我正在测试的特定应用程序中，它设置了一些额外的代码来帮助实现可访问性，我能够通过将焦点设置在第一个元素上并点击返回键，然后将焦点设置在目标元素并再次点击返回。我相当确定这是自定义事件处理，因此可能不适用于其他应用程序。以防万一，我在这里发布了在 selenium 中执行此操作的代码。

 public void dndHtml5(String xPathSource, String xPathDestination) {
    clickEnterKeyOnElement(xPathSource);
    clickEnterKeyOnElement(xPathDestination);
}

public void clickEnterKeyOnElement(String xPath) {
    setFocusOnElement(xPath);
    WebElement target=element(xPath);
    target.sendKeys(Keys.ENTER);
}

public void setFocusOnElement(String xPath) {
    WebElement element = element(xPath);
    Actions actions = new Actions(driver);
    actions.moveToElement(element).build().perform();
}

public WebElement element(String xPath){
    return driver.findElementByXPath(xPath);
}