dragAndDrop

Drag an item to a destination element or position.

info

The functionality of this command highly depends on the way drag and drop is implemented in your app. If you experience issues please post your example in #4134.

Also make sure that the element you are dragging and the target where you are dropping are both visible on the screen.

Usage

browser.dragAndDrop(target, { duration })

Parameters

Name	Type	Details
target	Element, DragAndDropCoordinate	destination element or object with x and y properties
options optional	DragAndDropOptions	dragAndDrop command options
options.duration optional	Number	how long the drag should take place

Example

example.test.js

it('should demonstrate the dragAndDrop command', async () => {
    const elem = await $('#someElem')
    const target = await $('#someTarget')

    // drag and drop to other element
    await elem.dragAndDrop(target)

    // drag and drop relative from current position
    await elem.dragAndDrop({ x: 100, y: 200 })
})