使用Capybara和Selenium在页面上找到svg标签时遇到问题

问题描述

| 我有一个这样的测试用例：

  scenario \"there should be an SVG tag\" do
    ...
    page.find(\"svg\")
  end

由于某些原因，即使我在页面的源中查看时，水豚也找不到svg标签，尽管该标签在那里（并且在视觉上）。 在执行以下操作后，我才能够找到SVG标签：

  scenario \"there should be an SVG tag\" do
    ...
    page.find(\"#layers *[xmlns=\'http://www.w3.org/2000/svg\']\")
  end

（请注意，该svg位于\“ layers \” ID中）。 有人有什么想法吗？我使用Selenium作为驱动程序。     

解决方法

        事实证明，这是Firefox内置的xpath评估程序存在的问题。 使用FireBug，我能够验证Selenium使用的呼叫：

document.evaluate(\"//svg\",document,null,9,null).singleNodeValue

不返回任何元素，而

document.evaluate(\"//div\",null).singleNodeValue

返回页面上的第一个div。 可能存在一些命名间隔问题，可能使FireFox返回svg元素。现在，我只是使用svg xmlns属性来查找元素。     ,        我找到了一个可以使用CSS选择器的解决方案：

scenario \"there should be an SVG tag\" do
    ...
    Nokogiri::HTML.parse(page.body).css(\'svg\')
end

奇怪且令人讨厌的是，它无法使用page.find（）解决问题。