How to move the mouse to an arbitrary point using Protractor/Selenium

javascript selenium protractor point mousemove
Andy picture Andy · Feb 24, 2015 · Viewed 22.7k times · Source

Is it possible to move the mouse to arbitrary coordinates on the screen/relative to an element in Protractor tests? I see people recommend using Robot for Java users, but of course I can't use that in JavaScript.

Answer

Andy picture Andy · Feb 24, 2015

I figured it out for myself...just took some deep digging through Protractor and Selenium documentation. Here is some example code:

  it('should pan plots when you click and drag', function() {
    var plot0 = element(by.css('.plot > canvas'));
    browser.actions()
      .mouseMove(plot0, {x: 100, y: 100}) // 100px from left, 100 px from top of plot0
      .mouseDown()
      .mouseMove({x: 400, y: 0}) // 400px to the right of current location
      .perform();
  });

Related questions

How to select option in drop down protractorjs e2e tests

I am trying to select an option from a drop down for the angular e2e tests using protractor. Here is the code snippet of the select option: <select id="locregion" class="create_select ng-pristine ng-invalid ng-invalid-required" required="" ng-disabled="…

Read More
Protractor: Scroll down

I have an button on my page that is visible when the user scrolls down. Because of this, protractor tests give me an error: UnknownError: unknown error: Element is not clickable at point (94, 188). I tried using: browser.executeScript('window.scrollTo(0,…

Read More
WebDriver click() vs JavaScript click()

The Story: Here on StackOverflow, I've seen users reporting that they cannot click an element via selenium WebDriver "click" command and can work around it with a JavaScript click by executing a script. Example in Python: element = driver.find_element_…

Read More