如何在水豚中的SVG元素上执行点击事件

Question

Hi I am new to Capybara and selenium.I am using gem 'capybara' and gem 'selenium-webdriver' .I have a view where I have to click on an icon.The html of the view is

<svg class="assign-job icon icon-box-outgoing" ng-click="something">
   <use xlink:href="#icon-box-outgoing"></use>
</svg>

I want to perform click event onto this element.I have also tried using xpath but that didn't work.I have attached a screenshot please find that.

Answer 1

You can use a CSS selector to click on the svg element:

find(:css, "svg.assign-job.icon-box-outgoing").click

or to click on the use element:

find(:css, "use[href='#icon-box-outgoing']").click

Answer 2

您可以使用xpath标识元素。

//div[@class='jobActionsDisplayDeterminer']/*[name()='svg']/*[name()='use'][@xlink:href='#icon-box-outgoing']