Protractor: Click on SVG element not work

Question

2k views Asked by Giovanni Bitliner At 21 October 2024 at 11:22

I am testing an angularjs App using protractor.

I need to test the click on an SVG element.

Protractor can find the element, it can run the click on the element, but after the click nothing happens.

It should change page after the click.

The code is

el=element(by.xpath('(//*[local-name()="g" ]//*[local-name() = "rect"])[1]'))
    browser.actions().mouseMove(el.getWebElement()).click().perform();

There are 2 answers

**Nathan Thompson** · Answer 1 · 2015-06-19 15:43:52

Nathan Thompson On 19 June 2015 at 15:43

I agree with what @alecxe suggested in his comment. You should be calling click() on the element itself:

var el = element(by.xpath('(//*[local-name()="g" ]//*[local-name() = "rect"])[1]'));
el.click();

**Silvan Bregy** · Answer 2 · 2018-05-30 08:02:56

This is still an issue. According to github issues browser.actions() should be used. Following solution finally worked out for me:

await browser.driver.actions().mouseMove(element(by.css('YOUR_LOCATOR')).getWebElement()).perform();
await browser.actions().click().perform();