NickName:Shivani Thaman Ask DateTime:2016-08-30T15:55:16

Drag and drop functionality not working properly in selenium webdriver for chrome browser

I have written below code to drag an element and add it in workspace. There is no error in console window however drap drop is not performed on chrome browser.

WebElement dragElement = driver.findElement(By.xpath("//*[@id='sidebar-wrapper']/div/div/nginclude/div[2]/accordion/div/div[1]/div[2]/div/div/div[1]/div[2]"));
Thread.sleep(4000);
System.out.println("Element Selected to Drag");
WebElement dropElement = driver.findElement(By.xpath("//*[@id='workspace']/div/div/div/div[2]/div/div/div/div[2]/span"));
Thread.sleep(4000);

act.clickAndHold(dragElement).moveToElement(dropElement).release().build().perform();

I have tried multiple times but not able to succeed. Please provide your inputs

Copyright Notice：Content Author:「Shivani Thaman」，Reproduced under the CC 4.0 BY-SA copyright license with a link to the original source and this disclaimer.
Link to original article：https://stackoverflow.com/questions/39221848/drag-and-drop-functionality-not-working-properly-in-selenium-webdriver-for-chrom

Answers

Guy 2016-08-30T08:14:42

You can try give the location of the element\n\nact.clickAndHold(dragElement).perform();\nact.moveToElement(dropElement, dropElement.getLocation().getX(), dropElement.getLocation().getY()).perform();\nact.release(dropElement).perform();\n",

Chaitali 2016-08-30T09:57:19

This is another method provided in the Selenium documentation here: http://www.seleniumhq.org/docs/03_webdriver.jsp#drag-and-drop. \n\nWebElement dragElement = driver.findElement(By.xpath(\"//*[@id='sidebar-wrapper']/div/div/nginclude/div[2]/accordion/div/div[1]/div[2]/div/div/div[1]/div[2]\"));\n\nWebElement dropElement = driver.findElement(By.xpath(\"//*[@id='workspace']/div/div/div/div[2]/div/div/div/div[2]/span\"));\n\n(new Actions(driver)).dragAndDrop(dragElement, dropElement).perform();\n",

Vikas Rathore 2016-08-30T11:53:34

You can use below code for drag and drop but I suggest you to optimize your xpath. It might be the real problem for you.\n\nWebElement source = driver.findElement(By.xpath(\"//*[@id='sidebar-wrapper']/div/div/nginclude/div[2]/accordion/div/div[1]/div[2]/div/div/div[1]/div[2]\"));\nThread.sleep(4000);\nSystem.out.println(\"Element Selected to Drag\");\nWebElement target = driver.findElement(By.xpath(\"//*[@id='workspace']/div/div/div/div[2]/div/div/div/div[2]/span\"));\nThread.sleep(4000);\nActions builder = new Actions(driver);\nAction mouseOverHome = builder.dragAndDrop(source, target).build();\nmouseOverHome.perform(); \n",