「location」で取得した(X,Y)座標に対して、「x」,「y」を実行することで要素の(X,Y)座標を別々に取得することが出来ます。
下記のサンプルでは、まずGoogleトップページに存在する検索ボタンの要素を取得しています。そして、その要素に対して「location」を実行することで、要素の(X,Y)座標を取得しています。ここで、X座標,Y座標を別々に取得したい場合は、X座標ならば「x」を実行し、Y座標ならば「y」を実行してそれぞれの座標を別々に取得していきます。
説明
◆メソッド ・x ・y ◆使用形態 ・element.location.x ・element.location.y ◆備考 ・要素の座標はWindowの位置に関係がない ・要素の左上隅の座標を取得する ◆関連項目 ・属性名から属性値を取得する ・CSSプロパティ名からCSSプロパティ値を取得する
サンプル
require 'selenium-webdriver' # Firefoxを起動 driver = Selenium::WebDriver.for(:firefox) #指定したURLに遷移する driver.get('https://www.google.co.jp') #検索ボタンの要素をname属性名から取得 element = driver.find_element(:name,'btnK') #検索ボタンの左上隅のx座標を取得 puts(element.location.x) #検索ボタンの左上隅のx座標を取得 puts(element.location.y)
※selenium version 4.1.0で動作確認をしています(ブラウザのUIや属性値などが変更された場合、実行結果が異なる可能性があります)
実行結果
507.71667480468744 393.0