JSDOMをSeleniumから使ってみよう

Last updated at 2018-12-06Posted at 2018-12-06

この記事は Selenium/Appium Advent Calendar 2018 の6日目の記事です。

こんにちは！
速いのが良いですか！！
速い方が都合が良いんですか！！！
遅いのは...私たちなのかもしれません...

Seleniumが遅いならJSDOMを使えばいいじゃない。

JSDOM

https://github.com/jsdom/jsdom
ガシャーンガシャーン
DOM描画をしないヘッドレスブラウザーだよ
JavaScriptをV8エンジンでこなしてくれるクソ速いやつだよ

はい。
Seleniumの話をします。

https://github.com/ForbesLindesay/taxi-rank
JSDOMをSeleniumから使えるようになります。これでクソ速くなるよ。
Awesome Selenium にも載ってない知る人ぞ知るやつだよ。

アッアッ何か「意味無ぇー」とか言ってる声が一部JSerから聞こえてくるようなッ気がッ
そんなことはッたぶんないッ

JSからJSDOMを直接扱うよりは当然オーバーヘッドが生じますが、他のPythonなどのクライアントライブラリーからJSDOMの高速処理の恩恵にあずかれるようになります。

まずJSDOMで試して、だめな場合だけChromeを使って...みたいな使い分けを、ブラウザー自動化コードとしては同じAPIで実現できるようになります。
うまくはまれば、WebDriverベースでも実行時間をかなり短くできるでしょう。

npmでさくっとインストールしましょう。

$ sudo npm install taxi-rank -g

コマンド taxi-rank を実行すると、WebDriverのコマンドを待ち受けるサーバーが起動します。
既定の待ち受けポートは 9516/tcp です。

$ taxi-rank

listening on http://localhost:9516

この辺をよきにはからってくれるTaxiRankDriverみたいな感じのクライアントライブラリーは、現時点ではtaxi-rankの開発者が別に作っている Cabbie というラッパー以外にありません。今回はかんたんな検証のため、RemoteWebDriverで直接接続して操作します。

driver = webdriver.Remote(command_executor='http://localhost:9516')
driver.get('http://example.selenium.jp/reserveApp/')
# ... ... ...
driver.quit()

日本Seleniumユーザーコミュニティの提供するサンプルページ上で基本的なAPIを100回実行して、1回あたりの平均値を取得するだけの簡易ベンチマークをやりました。
https://github.com/hiroshitoda/WebDriverBenchmark.py

実行環境は手元のMacBook Pro実機で、スペックは次の通りです。

結果は次の通りでした。
超速い、そらそうよとしか言いようがないですが...

実戦投入と評価はこれからですが、大事なことをひとつだけ書いておきます。

そらそうよ。

次回は...誰かー！誰か来てくれーーー！！！
Selenium/Appium Advent Calendar 2018はまだまだ君の挑戦を待っているぜ！