トップページ > Selenium API(逆引き) > 【Ruby】before_click/after_click

【Ruby】before_click/after_click・・・要素がクリックされる直前/直後の処理を実施する

【PR】業界トップクラスの「高単価報酬」「低マージン」を実現!レバテックフリーランス

「before_click/after_click」を実行することで要素の値が変更される直前/直後の処理を実施することが出来ます。

イベント処理をするためにまず初めにすることは、イベント捕捉クラスを定義することです。ここで、イベント捕捉クラスをMyListenerクラスと命名します。MyListenerクラスは、AbstractEventListenerクラスを継承して作成されたサブクラスです。AbstractEventListenerクラスの関数はダミー実装がされているためMyListenerクラスでイベントに対応した各関数をオーバーライドする必要があります。ここでは、「before_click/after_click」の関数の内容をオーバーライドしています。

それでは、実際にイベント発生させていきます。イベントを発生させる前に、Firefoxのインスタンスドライバに対してイベント捕捉クラスのインスタンスを渡します。そしてそのインスタンスドライバに対して、ページ遷移(GoogleTopページ)をした後、検索テキストボックスの要素を取得しています。

この段階では、「before_click/after_click」の関数が自動で呼び出される条件は満たしていません。これらの関数が自動で呼び出されるトリガーとなる操作(イベントが発生する操作)は、クリック操作がされた時です。そのため、クリック操作されたときに初めてイベントが発生し、クリック前後のページURLがコンソール出力されます。

※イベント処理についてはこちら

説明

◆メソッド
  ・before_click(element, driver)
  ・after_click(element, driver)
◆使用形態
  ・上記メソッドはあらかじめAbstractEventListenerクラスを継承して
         オーバーライドしておく。
◆備考
  ・このイベントはclickメソッドの実行にて発生する
◆関連項目
  ・要素の値が変更される直前/直後の処理を実施する
  ・ブラウザの『戻る』または『進む』に対して直前/直後の処理を実施する

サンプル

require 'selenium-webdriver'
require './MyListener'
require 'logger'

#loggerを初期化する(標準出力へのログ)
logger = Logger.new(STDOUT)
#MyListenerクラスのインスタンスを作成
listener = MyListener.new(logger)
#FirefoxのインスタンスドライバにMyListenerクラスのインスタンスを渡す
driver = Selenium::WebDriver.for(:firefox, :listener => listener)
#指定したURLに遷移する
driver.get('https://www.google.co.jp')
#「Gmail」へのリンクテキストの要素を取得
element = driver.find_element(:link_text,'Gmail')
#「Gmail」のリンクテキストをクリックする
element.click
class MyListener < Selenium::WebDriver::Support::AbstractEventListener
  #イベント捕捉クラス(MyListenerクラス)を定義する
  #MyListenerクラスはAbstractEventListenerクラスのサブクラス
  #AbstractEventListenerクラスでは関数がダミー実装されており、MyListenerクラスで関数をオーバーライドしていく
  def initialize(log)
    @log = log
  end
  #要素をクリックする直前の処理
  def before_click(element, driver)
    @log.info("before_click: #{driver.current_url}")
  end
  #要素をクリックした直後の処理
  def after_click(element, driver)
    @log.info("after_click: #{driver.current_url}")
  end
end
※selenium version 4.1.0で動作確認をしています(ブラウザのUIや属性値などが変更された場合、実行結果が異なる可能性があります)

実行結果

I, [2018-03-24T16:37:56.898105 #7644]  INFO -- : before_click: https://www.google.co.jp/
I, [2018-03-24T16:37:58.589108 #7644]  INFO -- : after_click: https://accounts.google.com/・・
<以下省略>
clickOn3
 ※GoogleおよびGoogleロゴはGoogle Inc.の登録商標であり、同社の許可を得て使用しています。

Fatal error: Uncaught Google_Service_Exception: Error calling GET https://www.googleapis.com/analytics/v3/data/ga?ids=ga%3A138132118&start-date=7daysAgo&end-date=yesterday&metrics=ga%3Apageviews&dimensions=ga%3ApageTitle%2C+ga%3ApagePath&sort=-ga%3Apageviews&max-results=1000: (502) <!DOCTYPE html> <html lang=en> <meta charset=utf-8> <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width"> <title>Error 502 (Server Error)!!1</title> <style> *{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelog in /home/users/1/monda-muki/web/seleniumqref.com/google-api-php-client-1-master/src/Google/Http/REST.php on line 110