无法使用Capybara和Selenium在页面上查找svg标记

Question

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

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

出于某种原因，Capybara找不到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作为驱动程序。

Answer 1

事实证明这是Firefox内置的xpath评估程序的一个问题。

使用FireBug，我能够验证Selenium使用的调用：

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

不返回任何元素，而

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

返回页面上的第一个div。

可能有一些命名空间问题可能导致FireFox返回svg元素。现在我只是用svg xmlns属性查找元素。

Answer 2

我找到了一个可以使用CSS选择器的解决方案：

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

奇怪而烦人的是，使用page.find（）无法解决这个问题。