Selenium WebDriverでのドラッグアンドドロップ操作方法

Question

Selenium WebDriverでドラッグ＆ドロップ機能を使用する際に永続的な問題が発生しています。

ドラッグ/ドロップがコマンドで箱から出して動作するはずwebdriverをドキュメントによると：

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

しかし、これはどちらかのFirefoxやChromeのドライバで動作していないようです。

以下は、2つのパブリックドラッグ可能なWebサイトでドラッグアンドドロップ機能を使用しようとするテストの例です。テストはパラメータ化され、FirefoxDriverとChromeDriverの両方で実行されます。

package test; 

import java.util.ArrayList; 
import java.util.Collection; 
import java.util.List; 

import org.junit.After; 
import org.junit.Assert; 
import org.junit.Before; 
import org.junit.Test; 
import org.junit.runner.RunWith; 
import org.junit.runners.Parameterized; 
import org.junit.runners.Parameterized.Parameters; 
import org.openqa.selenium.By; 
import org.openqa.selenium.WebDriver; 
import org.openqa.selenium.chrome.ChromeDriver; 
import org.openqa.selenium.firefox.FirefoxDriver; 
import org.openqa.selenium.interactions.Actions; 
import org.openqa.selenium.support.ui.ExpectedConditions; 
import org.openqa.selenium.support.ui.WebDriverWait; 

@RunWith(Parameterized.class) 
public class DragAndDropTest { 

    enum Browser {FIREFOX, CHROME}; 

    private Browser browser; 
    private WebDriver driver; 

    @Parameters 
    public static Collection<Object[]> data() throws Exception { 
     List<Object[]> params = new ArrayList<Object[]>(); 
     params.add(new Object[] { Browser.FIREFOX }); 
     params.add(new Object[] { Browser.CHROME }); 
     return params; 
    } 

    public DragAndDropTest(Browser browser) { 
     this.browser = browser; 
    } 

    @Before 
    public void before() { 
     switch (browser) { 
     case FIREFOX: 
      this.driver = new FirefoxDriver(); 
      break; 
     case CHROME: 
      this.driver = new ChromeDriver(); 
     } 
    } 

    @After 
    public void tearDown() { 
     driver.quit(); 
    } 

    @Test 
    public void test1() { 
     By drag = By.id("div1"); 
     By drop = By.id("div2"); 
     By expected = By.cssSelector("#div2 #drag1"); 
     // load page 
     driver.get("http://www.w3schools.com/html/html5_draganddrop.asp"); 
     // wait for draggable element visible 
     new WebDriverWait(driver, 10).until(ExpectedConditions.visibilityOfElementLocated(drag)); 
     // drag and drop 
     new Actions(driver).dragAndDrop(driver.findElement(drag), driver.findElement(drop)).perform(); 
     // verify results 
     Assert.assertEquals("Drag&Drop failed", 1,driver.findElements(expected).size()); 
    } 

    @Test 
    public void test2() { 
     By drag = By.id("Item1"); 
     By drop = By.id("Item5"); 
     By expected = By.cssSelector("#DragContainer5 #Item1"); 
     // load page 
     driver.get("http://www.webreference.com/programming/javascript/mk/column2/index.html"); 
     // wait for draggable element visible 
     new WebDriverWait(driver, 10).until(ExpectedConditions.visibilityOfElementLocated(drag)); 
     // drag and drop 
     new Actions(driver).dragAndDrop(driver.findElement(drag), driver.findElement(drop)).perform(); 
     // verify results 
     Assert.assertEquals("Drag&Drop failed", 1, driver.findElements(expected).size()); 
    } 
} 

上記のテストが正しく機能しない理由についてのご意見はありますか？

Answer 1

W3Cサイトには、現在WebdriverではサポートされていないHTML5のドラッグアンドドロップがあります。この問題を参照してください - https://github.com/seleniumhq/selenium-google-code-issue-archive/issues/3604

最初のテストケースでは、これをドラッグ要素に使用してください。 ドラッグするとBy.id（ "drag1"）;

これはドラッグしているイメージのロケータです。