Drag and Drop using Webdriver Action Class

Support
#1

Hello,
I want to know if Oxygen supported to action ‘drag and drop’ .
example: https://screencast.com/t/LJmd2pWt

#2

Hi Dor,

Is this for mobile or web (desktop browser) tests?

#3

Its for web application tests.

#4

Drag and Drop functionality is not exposed currently through Oxygen (we will add it in the next version).
But it’s possible to use the underlying webdriver directly.

This will drop grey rectangle into red square. You’ll see “Dropped” written in one of the edit fields after the rectangle was dropped.
dragAndDrop command receives locator for the element you want to drop as first argument, and the locator of the element where to drop to as second argument.
Note that locators here are not Oxygen locators. If you want to find element by ID then prepend # to the id (like the first argument in the example bellow). XPath (like the second argument in the example below) is identical to how it’s used in Oxygen.

web.init();
web.open('http://webdriverjs.christian-bromann.com/');
web.driver().dragAndDrop('#overlay', '/html/body/section/div[1]');
web.pause(10000);
#6

Code sample is working

#7

The code described is working correctly
Thank you!

#8

Hello @romovs,

I tried the code and got the following error. Is there something else I need to do?

Initializing…
Starting iteration #1
SCRIPT_ERROR - web.driver(…).dragAndDrop is not a function at line 3
Test finished with status --> FAILED

Thanks

#9

I figured it out. I read the docs :slight_smile:

This worked:

web.init();
web.open(‘http://webdriverjs.christian-bromann.com/’);
web.dragAndDrop(‘id=overlay’, ‘/html/body/section/div[1]’);
web.pause(10*1000);

Thanks

#10

@romovs
Hi Roman, drag and drop is currently supported in Oxygen, right?

#11

Yes, it was updated due to this request

#12

One more update:
The webdriverio commands can be executed using the following command
web.getDriver().
The old command -web.driver().has been depricated
we will update the documentation soon