Clicking on given coordinates of element in protractor

Bowzer2 picture Bowzer2 · Feb 14, 2015 · Viewed 12.3k times · Source

I want to click on a specific location of my canvas element, so I wrote the following Protractor code:

var canvas = element(by.id("canvas"));

var clickCanvas = function(toRight, toBottom) { 
  browser.actions()
    .mouseMove(canvas, -toRight, -toBottom)
    .click();
}

toRight/toBottom are the numbers of pixels where the click should be made, relative the top left corner of my canvas.

However, the click does not seem to be executed at the given coordinates. I got the snippet from a related question on the Software Quality Assurance & Testing stack exchange.

Can you confirm that this snippet works?
Can you suggest alternatives?

Answer

Olov picture Olov · May 20, 2015

I made this work, passing an object representing the coordinate as the second argument of mouseMove:

var canvas = element(by.id("canvas"));

var clickCanvas = function (toRight, toBottom) { 
    browser.actions()
      .mouseMove(canvas, {x: toRight, y: toBottom})
      .click()
      .perform();
};