CODEWITHSUNDEEP
javascriptangularjstestingprotractor
Alan2
Alan2

Reputation: 24562

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

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

Upvotes: 16

Views: 15440

Answers (4)

Avishek Dhar
Avishek Dhar

Reputation: 41

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());

Upvotes: 0

user3422841
user3422841

Reputation: 105

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(){...});

Upvotes: 0

Kyle Westendorf
Kyle Westendorf

Reputation: 31

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();

Upvotes: 1

alecxe
alecxe

Reputation: 473813

Always remember that protractor is a wrapper around webdriverjs.

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

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

Upvotes: 27

Related Questions