drag and drop in selenium java explained

buddhikavindra0

Fiverr

Seller

HI! I'm Buddhi. All I want is for you to fulfil your automation task. To help you overcome your goals, I will do my best to provide you with a solution that is efficient and reliable. experience with Java, Python, C #, SQL, OOP concepts. I can provide the best quality work in the shortest possible time frame.

selenium drag and drop not working is not a problem anymore because I'm going to explain three ways to drag and drop using selenium. I created a page to perform drag and drop actions and anyone can use it to automate their tasks. Click here to go to that page page

when we talk about drag and drop we can use Action class because consists of the built-in capability to handle keyboard and mouse events. 

first, we need to create an object of Action class

Actions action = new Actions(-driver-);

using action class we can perform following user actions 

click(): Clicks on web element.

doubleClick (): Double click on the web element.

contextClick() : Performs a right-click 

clickAndHold(): Clicks at the given mouse location without releasing.

dragAndDrop(source, target): Clicks at the reference location and make movements to the place of the target without releasing the mouse.

dragAndDropBy(source, xOffset, yOffset): click-and-hold at the location, changes by a given offset value, then releases the mouse. 

moveToElement(toElement): It moves to the mouse to the given element.

release(): Releases the pressed left mouse button at the existing mouse location.

actually, drag and drop command is predefined methods which will do our task

after that, we can use drag and drop command in drag and drop command is a convenience method that performs click-and-hold at the location of the source element, moves to the location of the target element, then releases the mouse.

 action.dragAndDrop(webelementneedtodrag,webelementneedtodrop).perform();

perform() is used to execute the method of actions class

another method very similar to the above example it consists of MoveToElement and clickAndHold

 to build and perform we can use always 

WebElement frm = ChromeDriver.findElement(By.xpath(from));

WebElement o = ChromeDriver.findElement(By.xpath(to));

    Actions action = new Actions(ChromeDriver);

    action.moveToElement(frm)

    .clickAndHold()

    .moveToElement(o)

    .build()

    .perform();

below example object can move using the location-based locator 

we can get web element location by getLocation() method and use of getX() and getY() using those methods e can locate element x-axis and y-axis of drop location.

WebElement From = ChromeDriver.findElement(By.xpath(from));

WebElement To = ChromeDriver.findElement(By.xpath(to));

int x = To.getLocation().getX();

int y = To.getLocation().getY();

Actions actions = new Actions(ChromeDriver);

actions.moveToElement(From)

        .pause(Duration.ofSeconds(1))

        .clickAndHold(From)

        .pause(Duration.ofSeconds(1))

        .moveByOffset(x, y)

        .moveToElement(To)

        .pause(Duration.ofSeconds(1))

        .release().build().perform();