ブラウザの操作を自動化できるSeleniumをWSLからRubyで使う

$ gem install selenium-webdriver
Fetching: rubyzip-1.2.1.gem (100%)
Successfully installed rubyzip-1.2.1
Fetching: ffi-1.9.23.gem (100%)
Building native extensions. This could take a while...
/home/username/.rbenv/versions/2.5.1/lib/ruby/2.5.0/rubygems/ext/builder.rb:76: warning: Insecure world writable dir /home/username/.rbenv/versions in PATH, mode 040777
Successfully installed ffi-1.9.23
Fetching: childprocess-0.9.0.gem (100%)
Successfully installed childprocess-0.9.0
Fetching: selenium-webdriver-3.12.0.gem (100%)
Successfully installed selenium-webdriver-3.12.0
Parsing documentation for rubyzip-1.2.1
Installing ri documentation for rubyzip-1.2.1
Parsing documentation for ffi-1.9.23
Installing ri documentation for ffi-1.9.23
Parsing documentation for childprocess-0.9.0
Installing ri documentation for childprocess-0.9.0
Parsing documentation for selenium-webdriver-3.12.0
Installing ri documentation for selenium-webdriver-3.12.0
Done installing documentation for rubyzip, ffi, childprocess, selenium-webdriver after 38 seconds

require "selenium-webdriver"

# chromedriver.exe のパスを指定。私はこのコードをWSL の Ubuntuから実行するために、
# Windows のCドライブ > Users > username > Documents > workdir に置いてある chromedriver を指定しています。
# これにより、WSLでコードを実行してWindwos上のChromeをSeleniumで自動操作できます。
# なお、WSLからWindows側のフォルダは、以下のようにmnt以下にリンクされています。
Selenium::WebDriver::Chrome.driver_path = "/mnt/c/Users/username/Documents/workdir/chromedriver_win32/chromedriver.exe"

# :timeoutオプションは秒数を指定。以下では10秒
wait = Selenium::WebDriver::Wait.new(:timeout => 10)

# Chrome用のドライバを使う
driver = Selenium::WebDriver.for :chrome #, :profile => Selenium::WebDriver::Chrome::Profile.new browser.manage.timeouts.implicit_wait = 10

# フォームページにアクセス
driver.navigate.to "https://vccw.test/contact-form"

# アクセスしたページのtitleを取得する putsでターミナルに出力
puts driver.title

# 要素名が your-name である要素を取得
name_element = driver.find_element(:name, 'your-name')

# お名前フィールドに”myname”と入力。もちろん日本語も入力可能です。
name_element.send_keys('myname')

# 要素名が your-email である要素を取得
email_element = driver.find_element(:name, 'your-email')

# メールアドレスフィールドに testaddress@example.com　と入力
email_element.send_keys('testaddress@example.com')

# 要素名が your-subject である要素を取得
title_element = driver.find_element(:name, 'your-subject')

# 題名フィールドに Test Title と入力
title_element.send_keys('Test Title')

# class名が your-country である要素を取得し、さらにその中にある inputタグを持つ要素を全て取得
checkboxes_element = driver.find_element(:class, 'your-country').find_elements(:tag_name, 'input') # find_elements と複数形になっている点に注意

# 取得したチェックボックス全てにチェックを入れる
checkboxes_element.each do |element|
  # チェックボックスにチェックを入れる
  element.click

  # チェックボックスの値を指定してチェックしたい場合は以下のようにする
  # element.click if element.attribute('value') == 'India'
end

# もしくは、チェックボックスを全て取得すると配列に格納されているため、
# 以下のようにしても１つのチェックボックスに対して操作可能
checkboxes_element[0].click # China にチェックを入れる
checkboxes_element[1].click # India にチェックを入れる
checkboxes_element[2].click # San Marino にチェックを入れる

# 要素名が your-fruit であるドロップダウンを取得
select_element = Selenium::WebDriver::Support::Select.new( driver.find_element(:name, 'your-fruit') )

select_element.select_by(:value, 'Apple')    # valueの値で指定
# select_element.select_by(:text, 'Apple')   # 表示されているテキストで選択
# select_element.select_by(:index, 0)        # インデックス（0開始）で選択

# 要素名が your-message である要素を取得
textarea_element = driver.find_element(:name, 'your-message')

# Test message Test message Test message と入力
textarea_element.send_keys('Test message Test message Test message ')

# 最後にフォーム内のいずれかの要素に対して submit を実行することでフォームを送信する
email_element.submit

# 自動操作を終了する（ブラウザを閉じる ）
driver.quit

<input name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" type="text">