はじめに

WEBシステムを複数人で開発している際、共通ロジックに手を入れると、
「自分で作っている箇所は動いているが、他者が作っている箇所が動かなくなった！！」
ということが発生するケースがあります。

これは修正する関数の影響範囲を把握しきれないまま手を入れてしまった際に発生しますが、
もしこんな状況でもテストが自動的に行われていれば、早期発見に繋げることが出来ます。

今回はヘッドレス環境でXvfbを使ってSeleniumを動作させるテストを実施してみます。
（最近では各ブラウザがヘッドレス環境で動くモードが追加されているので、
少し古いやり方になるのかもしれません...。）

環境

[AWS EC2]
・CentOS 7
・Google Chrome 73.0.3683.86
・ChromeDriver 73.0.3683.68
・Python 2.7.14
・Selenium

Xvfbとは

・物理的なディスプレイがなくても仮想ディスプレイを作ってくれる（ヘッドレス環境）

Seleniumとは

・WEBアプリケーションの自動テストツール
・ブラウザに表示される要素を取得・操作することが出来る

ソフトウェアのインストール

Xvfbインストール

# sudo yum install xorg-x11-server-Xvfb

Chromeインストール

下記の記事を参考にインストールします。
CentOS7にChromeをインストール

ブラウザが文字化けしないように日本語フォントを入れます

yum install ipa-pgothic-fonts.noarch

ChromeDriverインストール

Chromeのバージョンに適したDriverをダウンロードして入れてください。

# sudo wget https://chromedriver.storage.googleapis.com/73.0.3683.68/chromedriver_linux64.zip
# sudo unzip chromedriver_linux64.zip
# sudo mv chromedriver /usr/local/bin
# sudo chmod 755 /usr/local/bin/chromedriver

python pipインストール

今回、Python 2.7.14が入っていたためそのまま利用します。
（Pythonが入っていない場合はインストールしてください）

# sudo yum -y install python-pip

Seleniumインストール

# sudo pip install selenium

仮想ディスプレイの起動

仮想ディスプレイを起動する番号とサイズを指定する

# export DISPLAY=:1
# sudo Xvfb :1 -screen 0 1280x1024x24 &

※ 停止

# sudo killall Xvfb

Seleniumで画面キャプチャーを取得してみる

Pythonサンプルコード

from selenium import webdriver
import os, time, sys

args = sys.argv

driver = webdriver.Chrome()
driver.get(args[1])
driver.set_window_size(1280, 1024)
time.sleep(5)
driver.save_screenshot(args[2])
driver.quit()

実行

弊社HPを取得してみる

python capture.py https://www.valuesccg.com/ valuesccg.png

結果

おわりに

一つのシステムを作りあげるためには、プロジェクトの管理から設計・開発・テストと
多岐に渡るため、人でなくとも出来る箇所はシステムに委譲することで、
人的リソースを減らすだけでなく、品質を高めることにつながると思います。
CI（継続的インテグレーション）の第一歩として試してみるのも良いかも知れませんね。

と言いつつ、それを設定するのもまた人なのですけど...。