How to automate drag drop functionality using Selenium WebDriver Java

Question

How to automate drag  amp  drop functionality using Selenium WebDriver in java

User · Answer

There is a page documenting Advanced User Interactions; which has a lot of great examples on how to generate a sequence of actions, you can find it here

// Configure the action
Actions builder = new Actions(driver);

builder.keyDown(Keys.CONTROL)
   .click(someElement)
   .click(someOtherElement)
   .keyUp(Keys.CONTROL);

// Then get the action:
Action selectMultiple = builder.build();

// And execute it:
selectMultiple.perform();

or

Actions builder = new Actions(driver);

Action dragAndDrop = builder.clickAndHold(someElement)
   .moveToElement(otherElement)
   .release(otherElement)
   .build();

dragAndDrop.perform();

User · Answer

Try this one       Actions builder   new Actions fDriver       builder keyDown Keys CONTROL           click element           dragAndDrop element  elementDropped           keyUp Keys CONTROL            Action selected   builder build             selected perform

User · Answer

I would  do it like this in Perl using Selenium  Remote  Driver    my  sel    lt  gt     selenium handle my  from loc    lt fromloc gt   my  to loc      lt toloc gt    my  from element    sel- gt find element  from loc   my  to element    sel- gt find element  to loc      Move mouse to from element  drag and drop  sel- gt mouse move to location element  gt  from element    sel- gt button down      Holds the mouse button on the element  sel- gt mouse move to location element  gt  to     Move mouse to the destination  sel- gt button up      This should do it

User · Answer

Selenium has so many options to perform drag and drop   In Action class we have couple of method which will perform the same task   I have listed the possible solution please have a look   http   learn-automation com drag-and-drop-in-selenium-webdriver-using-actions-class

User · Answer

Drag and drop can be implemented like this     public ObjectPage filter int lowerThreshold  int highThreshold        Actions action   new Actions getWebDriver         action dragAndDropBy findElement   className  thumbMin    lowerThreshold  0  perform        waitFor elementIsNotDisplayed   waiting dialog          action dragAndDropBy findElement   className  thumbMax    highThreshold  0  perform        waitFor elementIsNotDisplayed   waiting dialog         return this      Hope that helps

User · Answer

import com thoughtworks selenium Selenium  import org openqa selenium firefox FirefoxProfile  import org openqa selenium firefox FirefoxDriver  import org openqa selenium WebDriver  import org openqa selenium By    ------------------------------------------------------------------------- import org openqa selenium WebElement  import org openqa selenium interactions Actions  import org openqa selenium interactions Action              Move only        param o WebElement  to move        param d WebElement  destination element            m drag  o d- gt         def lo o location         def ld d location         int di ld y - lo y         int inc lim        if  di lt 0            inc -1          lim ld y d size height                 else          inc 1          lim ld y                 def fes                   int act o location y                  println  act   act    lim                    if  inc  gt  0                    return   act gt lim                  else                    return   act lt lim                            def b  new Actions driver               b clickAndHold o  perform                while   fes                    b moveByOffset 0 inc  b perform   sleep 20                                            b release m ori  perform           drag

User · Answer

Selenium has pretty good documentation  Here is a link to the specific part of the API you are looking for   WebElement element   driver findElement By name  source      WebElement target   driver findElement By name  target       new Actions driver   dragAndDrop element  target  perform     This is to drag and drop a single file  How to drag and drop multiple files

User · Answer

Try implementing code given below  package com kagrana   import org junit Test  import org openqa selenium By  import org openqa selenium WebDriver  import org openqa selenium WebElement  import org openqa selenium firefox FirefoxDriver  import org openqa selenium interactions Action  import org openqa selenium interactions Actions   public class DragAndDrop        Test     public void test   throws InterruptedException          WebDriver driver   new FirefoxDriver            driver get  http   dhtmlx com docs products dhtmlxTree             Thread sleep 5000           driver findElement By cssSelector   treebox1  gt  div  gt  table  gt  tbody  gt  tr nth-child 2   gt  td nth-child 2   gt  table  gt  tbody  gt  tr nth-child 2   gt  td nth-child 2   gt  table  gt  tbody  gt  tr nth-child 3   gt  td nth-child 2   gt  table  gt  tbody  gt  tr  gt  td standartTreeRow  gt  span    click            WebElement elementToMove   driver findElement By cssSelector   treebox1  gt  div  gt  table  gt  tbody  gt  tr nth-child 2   gt  td nth-child 2   gt  table  gt  tbody  gt  tr nth-child 2   gt  td nth-child 2   gt  table  gt  tbody  gt  tr nth-child 3   gt  td nth-child 2   gt  table  gt  tbody  gt  tr  gt  td standartTreeRow  gt  span             WebElement moveToElement   driver findElement By cssSelector   treebox1  gt  div  gt  table  gt  tbody  gt  tr nth-child 2   gt  td nth-child 2   gt  table  gt  tbody  gt  tr nth-child 2   gt  td nth-child 2   gt  table  gt  tbody  gt  tr nth-child 2   gt  td nth-child 2   gt  table  gt  tbody  gt  tr nth-child 1   gt  td standartTreeRow  gt  span             Actions dragAndDrop   new Actions driver           Action action   dragAndDrop dragAndDrop elementToMove  moveToElement  build            action perform

User · Answer

Selenium has pretty good documentation  Here is a link to the specific part of the API you are looking for   WebElement element   driver findElement By name  source       WebElement target   driver findElement By name  target       new Actions driver   dragAndDrop element  target  perform

User · Answer

I used below piece of code  Here dragAndDrop x y  is a method of Action class  Which takes two parameters  x y   source location  and target location respectively  try                   System out println  Drag and Drom started                      Thread sleep 12000                   Actions actions   new Actions webdriver                   WebElement srcElement   webdriver findElement By xpath  source Xpath                     WebElement targetElement   webdriver findElement By xpath  Target Xpath                     actions dragAndDrop srcElement  targetElement                    actions build   perform                    System out println  Drag and Drom complated                    catch  Exception e                    System out println e getMessage                     resultDetails setFlag true

User · Answer

For xpath you can use the above commands like this     WebElement element   driver findElement By xpath  enter xpath of source element here      WebElement target   driver findElement By xpath  enter xpath of target here      new Actions driver   dragAndDrop element  target  perform

User · Answer

one more way is to use draganddrop   like this         WebElement element   driver findElement By name  source           WebElement target   driver findElement By name  target            new Actions driver   dragAndDrop element  target  perform

User · Answer

WebElement fromElement  driver findElement By xpath  SourceElement         WebElement toElement driver findElement By xpath  TragetElement         Actions action   new Actions WebDriver       Action dragDrop   action dragAndDrop fromElement  toElement  build        dragDrop perform

[java] How to automate drag & drop functionality using Selenium WebDriver Java

Examples related to java

Examples related to selenium

Examples related to selenium-webdriver

Examples related to drag-and-drop