Wie Drag & Drop funktioniert mit Selenium WebDriver

Question

Ich habe hartnäckiges Problem auf die Drag-and-Drop-Funktionalität mit Selenium WebDriver arbeiten.

Nach der WebDriver Dokumentation des Drag/Drop sollte mit dem Befehl aus der Box arbeiten:

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

Allerdings scheint dies auch nicht mit Firefox oder Chrome-Treiber funktionieren.

Im Folgenden finden Sie einen Beispieltest, bei dem versucht wird, die Drag-and-Drop-Funktionalität auf zwei öffentlich ziehbaren Websites zu verwenden. Der Test wird sowohl mit FirefoxDriver als auch mit ChromeDriver parametrisiert und ausgeführt.

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()); 
    } 
} 

Alle Vorschläge/Hinweise, warum die oben genannten Tests nicht richtig funktionieren?

Answer 1

W3C-Site hat HTML5-Drag & Drop, das derzeit von Webdriver nicht unterstützt wird. Siehe dieses Problem - https://github.com/seleniumhq/selenium-google-code-issue-archive/issues/3604

Aber in Ihrem ersten Testfall sollten Sie dies für das Ziehelement verwendet haben. Durch Ziehen = By.id ("drag1");

Dies ist der Locator des Bildes, das Sie ziehen.