WebDriver中dragAndDrop为什么不好使

拖拽是UI测试中常常会遇到的，selenium 1.0中提供的API能够实现该功能，具体函数API为：browser.dragAndDropToObject(toBeDraggedLocator, dragDestinationLocator);

可是移植到webdriver上时候，这个函数就不再好使了。于是我们理所当然寻找替代方案。因为拖拽相当于一连串的组合动作，所以需要借用Actions类来完成。幸运的是，我们发现Actions中提供了相应的API实现这个功能。

http://docs.seleniumhq.org/docs/03_webdriver.jsp#drag-and-drop

WebElement element = driver.findElement(By.name("source"));WebElement target = driver.findElement(By.name("target"));(new Actions(driver)).dragAndDrop(element, target).perform();

然而，当使用selenium 2.30以及firefox来测试时候，发现这个并不好使。虽然两个element都有被操作过的痕迹，但没有看到拖拽效果。失望之余，发现有很多朋友也遇到类似问题。大家寻求的最直接的解决办法就是自己将拖拽分解为许多的小action来实现。下面就是一个例子。

Actions builder = new Actions(this.getDriver());Action dragAndDrop= builder.clickAndHold(this.getNewSection()).moveToElement(this.getDroppableArea()).release(this.getDroppableArea()).build();dragAndDrop.perform();

然而，类似方法并不好使。这又是为什么了。http://www.seleniumwebdriver.com/selenium-webdriver-developers/drag-and-drop-not-working-properly-issue-selenium-webdriver/ 这里面一位网友回答了原因，在于拖拽对不同浏览器其实工作效果不一样。

For firefox :Actions builder = new Actions(driver);builder.moveToElement(draggable).clickAndHold();builder.moveToElement(target).click().perform();For chrome :Actions builder = new Actions(driver);builder.moveToElement(draggable).clickAndHold(draggable);builder.moveToElement(target).release(target).perform();

按照这里面给出的办法，选择firefox方案，最后发现效果可以实现。

        WebDriver driver = ((WrapsDriver)browser).getWrappedDriver();        WebElement object1 = driver.findElement(By.xpath(toBeDraggedLocator));        WebElement object2 = driver.findElement(By.xpath(dragDestinationLocator));        Actions builder = new Actions(driver);        builder.moveToElement(object1).clickAndHold();        builder.moveToElement(object2).click().perform();