如何在水豚

Question

喜SVG元素上進行點擊事件我是新來的水豚和selenium.I正在使用gem 'capybara' and gem 'selenium-webdriver'。我有一個觀點，我必須點擊該視圖的icon.The 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']