How can I perform a double click on an element with Protractor?

Question

I would like to double click on an element but I could not find a way to do this in the document API. I found some references dating back to 2013 but I know things have changed a lot.

Can someone help and tell me how I can perform a double click.

Thanks

Answer 1

Always remember that protractor is a wrapper around webdriverjs .

doubleClick() is available in browser.actions() :

browser.actions().doubleClick(element(by.id('mybutton'))).perform();

Answer 2

For anyone looking at this in 2019, this still works. Just know thatProtractor selectors use the Locator object to find elements. The above solution uses the webElement object. So if you're using Protractor to find your element, you'll need to do something like browser.actions().doubleClick(myElement.getWebElement()).perform();

Answer 3

var el=element(by.id('id'));
browser.executeAsyncScript(function() {
    var evt=new MouseEvent('dblclick', {bubbles: true,cancelable: true,view: window});
    var callback = arguments[arguments.length - 1];
    arguments[0].addEventListener('dblclick',callback);
    arguments[0].dispatchEvent(evt);
},el).then(function(){...});

Answer 4

await browser.actions().mouseMove(Element).doubleClick().perform();
  await browser.actions().doubleClick(Element.getWebElement()).perform();

the above 2 codes works properly to double click on any element when it's visible on screen. Here Element is

"let Element = element(by.xpath("locator"));"

Below code did not works as a msg is shown saying

"Failed: JavaScript error: arguments[0].dblclick is not a function"

whereas when checked in console similar scripts did worked to double click the item: "$($x(element(by.xpath("locator")))).dblclick()".

Will update my comment if able to find the exact JavaScript syntax to make below code run.

await browser.executeScript("arguments[0].dblclick();", 

Element.getWebElement());