Selenium拖放JQuery元素

Question

我试图使用Selenium的Action类将JQuery嵌套可排序列表中的源元素拖放到另一个元素。我使用了标准的dragAndDrop方法，并将其分解为clickAndHold、moveToElement和release，但这两种方法都不适用。我甚至尝试使用源元素内部的子元素来拖动，但结果是一样的。

当我运行脚本时，测试返回为已通过，因此我知道正在找到元素，并且选择器有效。Selenium认为拖放操作有效，但当我观察测试时，我看不到任何操作。我已经与一些开发人员确认，我确实针对DOM而言要拖动的正确源元素。

编辑：我在执行操作之前尝试过使用build（）方法，甚至通过Hibernate线程来减慢测试速度，但结果是一样的。

编辑2：我还添加了需要将源放入的目的地。我还应该提到源元素（拖动事件）创建了一个可排序的ghost对象，当用户手动将其拖动到目标元素中时，该对象将被复制到目标元素容器中。

这是我试图拖到的目标容器。

<div class="schedDayItem anytimeSection" data-bind="nestedSortable: { 
    foreach: AutoEvents, options: { animation: 600, group: 
   'autoevents', scroll: true, onStart: EnableDragging, onEnd: 
    DisableDragging } }" style="min-height: 60px; position: relative;
    cursor: pointer;"></div>

这是我要拖动的元素的父级。它是JQuery嵌套可排序列表：

<div class="listDayItem anytimeSection" style="font-size: 14px;" 
    data-bind="nestedSortable: { foreach: EventList, options: { animation:
    600, group: { name: 'draggbleevents', pull: 'clone', put: false }, 
    onEnd: $root.GetBaseEvents, sort: false } }">

下面是我试图移动的源元素，嵌套的sortables direct子元素：

<div class="draggableEventItem pointer" style="margin: 3px 0; border-
    radius: 3px;">

为了完整起见，我想移动源元素的内部子元素：

<div id="container" data-bind="class: EventType, style: { backgroundColor: 
    EventBackground }" style="background-color: white; border: 1px solid 
    #AAA; padding: 4px 0; border-radius: 3px;" class="border-left-red">

这是我试图在代码中做的事情：

    Actions action = new Actions(driver);
    //eventAlert is the element I am trying to move.
    //eventName is a string I am using to find the right element in the JQuery List.  One of the source elements inner children provide this string.

    List<WebElement>list = driver.findElements(eventAlert);
    for(WebElement we : list){
        if(we.getText().contains(eventName)){
            action.dragAndDrop(we, driver.findElement(eventElementTarget)).perform();
            break;
        }
    }

Answer 1

虽然我不知道如何让dragAndDrop方法在这个特定的问题上发挥作用，但我确实通过在Javascript中使用push操作找到了解决方法。我将继续进行实验，看看嵌套的可排序jQuery列表是否存在selenium缺陷，但目前，这种解决方法是可靠的。

下面我像以前一样创建了一个列表，但这次使用了一个计数器作为迭代设备。我正在搜索AutoSequenceItem，并将它们推送到作为目标容器的事件列表中。这种方法需要了解站点的实际Javascript，但如果与开发人员一起工作，在大多数情况下应该不会有问题。这只是一个可能的解决方法的示例，其他人的站点中不会有AutoSequenceItem等。

    List<WebElement>list = driver.findElements(eventListItem);
    int counter = 0;
    for(WebElement we : list){
        if(we.getText().contains(eventName)){
            js.executeScript("return AutonEdit.Main.AutoSequenceItems()[0]"
                    + ".AutoEvents.push(AutoEdit.Main.EventList()[" + counter +"]);");
            break;
        }
        counter++;
    }

Answer 2

尝试在perform（）方法之前使用build（）方法

action.dragAndDrop(we, driver.findElement(eventElementTarget)).build().perform();

我对一个jquery示例尝试了以下测试，该示例将从一个元素拖放到不同的元素，不确定这是否会有所帮助：

@Test
public void testDropAndDrag() throws InterruptedException {
    driver.get("http://www.elated.com/res/File/articles/development/javascript/jquery/drag-and-drop-with-jquery-your-essential-guide/card-game.html");
    Actions act = new Actions(driver);
    WebElement card1 = driver.findElement(By.id("card1"));
    WebElement card1Drop = driver.findElement(By.className("ui-droppable"));
    act.dragAndDrop(card1,card1Drop).perform();
    Thread.sleep(5000);
}

更新：我可以用这个网站上的例子重现你所经历的情况：http://jqueryui.com/sortable/#connect-清单

如果你看一下来源，我正在抓取id以获取

我更改了列表，以获取所有

@Test
public void testDropAndDrag() throws InterruptedException {
    driver.manage().window().maximize();
    driver.get("http://jqueryui.com/sortable/#connect-lists");

    Actions act = new Actions(driver);
    WebElement iframeElement = driver.findElement(By.cssSelector("iframe.demo-frame"));
    driver.switchTo().frame(iframeElement);
    List<WebElement> list1 = driver.findElements(By.cssSelector("ul > li.ui-state-default"));
    WebElement list2 = driver.findElement(By.id("sortable2"));
    for(WebElement item : list1){
        System.out.println(item.getText());
        if(item.getText().equals("Item 1")){
            System.out.println(item.getText());
            act.dragAndDrop(item,list2).perform();
            break;
        }
    }
    Thread.sleep(1000);
}