メモログ

watir-webdriverでは広範囲のHTMLタグ（ほとんど全部）をサポートしているけれど、svgやcircleなど一部のタグは現在のところサポートしていません（参考：Does watir support svg - Watir General | Google グループ）。

なので、自分で追加して使おうという話。watir-webdriver上にタグを追加するのは仕組み上は簡単で、下記のようにclassを追加すれば良い（circleでの追加例）。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

module Watir
class Circle < HTMLElement
  attributes(:string => [:cx,:cy,:r,:stroke,:'stroke-width',
                         :'fill-opacity',:fill])
end
class CircleCollection < ElementCollection
def element_class
  Circle
 end
end

module Container
  def circle(*args)
    Circle.new(self, extract_selector(args).merge(:tag_name => "circle"))
  end

  def circles(*args)
    CircleCollection.new(self, 
                     extract_selector(args).merge(:tag_name => "circle"))
  end
end
end

これで「b.circle」とか「b.circles」とかでcircleタグの要素を取ってくることができます

ただし制限があって、「b.circle(:fill,‘#ffffff’)」のように属性を指定して取得することが今のところできません。watir-webdriverでの要素の取得は、属性を指定する場合、最終的にseleniumのインスタンスに対して、find_elementメソッドと内部生成したxpathを使って取得します（element_locator.rbのlocateメソッド）。しかしseleniumにおいて、find_element(:xpath,“.//circle[@fill=‘#ffffff’]”)というようなxpathで要素を取得することができないみたいです（現在のところ）。

属性を指定しない場合（「b.circle」みたいに）は内部的にtag_nameを使って取得するため大丈夫みたいです（find_element(:tag_name,‘circle’)）。なので、b.circle(:fill,‘#ffffff’)と同じ要素を取得したい場合は、b.circles.find{|c| c.fill == ‘#ffffff’}みたいな感じで回避することができます。ちょっと不格好ですけど。