用HTML5实现Selenium Java拖拽功能

在这里的几个帖子中,有一个针对使用 HTML5 拖放的页面的 selenium 拖放的变通方法。 这个变通方法涉及使用 javascript 模拟拖放,例如 无法在Selenium WebDriver测试中使用javascript执行HTML5拖放。https:/gist.github.comrcorreia2362544。. 这个解决方案在这个页面上很好用。http:/the-internet.herokuapp.comdrag_and_drop。.

一般的方法是阅读这里的javascript文件(https:/gist.github.comrcorreia2362544#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.iodrag-and-drop.html。. 当我运行时,什么都没有发生

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

我有一些页面的行为似乎与第二页类似(例如,没有拖放)。 作为理解这一点的第一步,我想知道为什么这种方法在后一种情况下似乎不起作用。

解决方案:

关于重新测试 https:/crossbrowsertesting.github.iodrag-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);
}

给TA打赏
共{{data.count}}人
人已打赏
解决方案

mysql数据库中的特殊字符

2022-4-22 2:00:15

解决方案

在grpc中添加记录中间

2022-4-22 2:00:17

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索