How to simulate HTML5 Drag and Drop in Selenium Webdriver in JavaScript

Question

I need the javascript (nodejs) version of the following code (Python) using WebdriverIO:

from selenium import webdriver

with open("drag_and_drop_helper.js") as f:
js = f.read()

driver.execute_script(js + "$('#one').simulateDragDrop({ dropTarget: '#bin'});")

Here are the complete Python and Ruby implementations for further reference.

Answer 1

With a working webdriver you can use:

driver.actions().dragAndDrop(driver.findElement(webdriver.By.id('none')),driver.findElement(webdriver.By.id('bin'))).perform();