SauceLabsの実行結果をバッジ表示で一目で分かるようにする

はじめに

• SauceLabsでCIするときにgithubのREADMEに最新の実行結果を表示する手順をご紹介
• SauceLabsとはクラウド上でSeleniumを使ったテストができるサービス
• 私は少し苦戦しましたが、公式サイトを見るだけでもバッジの導入はすごく簡単にできます

バッジの表示方法

• 表示は2タイプあります
• 個人的にはどのヴラウザが失敗したかまで一目で分かるのがよいから後者の方がよいのかなと

1. 成功/失敗だけをシンプルに表示

導入手順

• README.mdに以下を追加する

README.md

[![Sauce Test Status](https://saucelabs.com/buildstatus/[USERNAME]?auth=XXXXXXXXXXXX)](https://saucelabs.com/u/[USERNAME])

2. ブラウザ/OSの組み合わせ毎に表形式で結果を表示

導入手順

• README.mdに以下を追加する

README.md

[![Sauce Test Status](https://saucelabs.com/browser-matrix/[USERNAME].svg?auth=XXXXXXXXXXXX)](https://saucelabs.com/u/[USERNAME])

自分がはまったところ

• 公式サイトの一番下に大切なことがかいてあったのに見落としてた
• $ python auth.pyしたものをURLにクエリをして付けなければならなかった
• これを実行しないとunknownバッジが表示される

auth.py

from hashlib import md5
import hmac
print ( "?auth=" + hmac.new("[USERNAME]:[ACCESSKEY]", None, md5).hexdigest())

～ただの宣伝～

• 全国のSeleniumer必読
• Seleniumerといっていますが、Selenium, SauceLabs, Travis, Jenkinsに関するノウハウ書いているのでよかったら参考にしてみてください