How do drag and drop a element from that elements position to another elements position just below it using Node Js and Selenium webdriver

Question

I have tried the below code but it seems it is not working.

driver.findElement(By.xpath(xpath)).then(function (element1) {              
    driver.findElement(By.xpath(xpath)).then(function (element2) {                                                  
      .then(() => driver.actions().dragAndDrop(element1,element2).perform())
    })
})

What is the innermost `.then` called from? did you put the code correctly? — Suraj Rao, Jul 12 '17 at 11:52

demouser123 · Answer 1 · 2017-07-13T14:00:21.910

0

This is an overly complicated code. You can simply use the dragAndDrop() method to achieve this in this way -

browser.actions().dragAndDrop(elem, target).perform();

where elem is the source element and target is the target element.

Edit 1 : OP mentioned that the webpage is an Angular webpage. I have experienced persistent issues automating this scenario in both Java Bindings, and also using Protractor.

There are several discussion forums, where dragAndDrop issues have been discussed. One of them is this, another is this.

While the first one is closed and still not sure if it got solved. The latter had a luck with the code mentioned in the post, but my implementation failed to do anything. So I'm not sure if it works.

Also, you can try this repo, where I tried one of the solutions, using a custom JS file to achieve drag and drop in HTML5 for Angular applications.

edited Jul 13 '17 at 14:00

answered Jul 12 '17 at 11:58

demouser123

4,108
9
50
82

I have tried the above answer but it does not seem to work. – Faheem Jul 13 '17 at 10:17
what is the error that you get? And please add relevant HTML for more help. – demouser123 Jul 13 '17 at 11:01
` ` The html is a web table where I need to move element in one row() to another (row), such that it swaps the element from tr1 to tr2 and tr2 element to tr1. – Faheem Jul 13 '17 at 12:36
It is not throwing any error and it is moving to next line of code. – Faheem Jul 13 '17 at 12:42
Is it an angular webpage? – demouser123 Jul 13 '17 at 13:01
Yes It is a Angular webpage – Faheem Jul 13 '17 at 13:23

How do drag and drop a element from that elements position to another elements position just below it using Node Js and Selenium webdriver

1 Answers1