如何在水豚中的SVG元素上執行點擊事件

Question

嗨，我是Capybara和selenium的新手，我正在使用gem 'capybara' and gem 'selenium-webdriver' gem'selenium gem 'capybara' and gem 'selenium-webdriver' 。我有一個視圖，我必須單擊一個圖標。該視圖的html是

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

我想對這個元素執行點擊事件。我也嘗試過使用xpath，但這沒有用。我附上了截圖，請找到它。

Answer 1

您可以使用CSS選擇器單擊svg元素：

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

或單擊use元素：

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

Answer 2

您可以使用xpath標識元素。

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