tail -f 駆動開発を支えるSeleniumIDEの使い方

社内共有用

1. 1 tail –f 駆動開発を支える SeleniumIDEの使い方 2013/12/16 razokulover
2. 2 あじぇんだ 》 tail –f 駆動開発とは 》 SeleniumIDEとは 》 使い方 》 まとめ
3. 3 tail –f 駆動開発 》 tail –f 駆動開発とは、tail –fでログ 確認をしながらURLを叩き、エラーがな いか確認する古典的な開発方法 》 確認すべきURLが複数あると大変！ 例)AAのSP版は確認すべきURLが40パターン以上。 ヘッダーやフッターを変更したら
4. 4 tail –f 駆動開発 》 ちゃんとユニットテストを書けばよい のでは？ =>テストないんです =>広告とか画像の中身を確認したいんです =>tail –f + URLコピペ&ペースト + 目視 ＊ユニットテスト自体はアプリの品質向上に大 切です！
5. 5 SeleniumIDEとは 》 Selenium Selenium Selenium Selenium IDE はブラウザ上の振る舞い テストを自動化するためのFireFoxプラ グイン。 》 GUI上から操作し、スクリプトを書く必 要がないので手軽に利用可能。
6. 6 メリット 》 URLをコピペし、ブラウザ上で叩いて確 認する手間がはぶける 》 テストすべきURLの漏れが減る(属人性 の排除) 》 テスト実行時間が一定になる
7. 7 デメリット 》 テストの作成方法を学ぶ必要がある 》 Fire Foxしか確認できない =>Selenium Serverを使えば、ChromeやIE でも確認可能
8. 8 ダウンロード方法 • 公式から最新版をインストール(URL) • Fire Foxを開き、そこへインストール した.xpiファイルをDrag&Drop • [ツール] > [Selenium Selenium Selenium Selenium IDE]で立ち上が る
9. 9 使い方 ・IDEを開く ・右上の赤丸を押して、テスト作成開始 ・FireFoxでテストしたいURLへ飛んだり、 ボタンを押したりする。 ＊その他、IDEから実際にテストコードを弄る ことも可能。
10. 10 参考URL テストコマンド一覧 1)http://oss.infoscience.co.jp/seleniumhq/ docs/04_selenese_commands.html 2)http://d.hatena.ne.jp/language_and_engin eering/20081016/1224123118
11. 11 実演 》 AA SP版の全URLパターンに4秒おきにア クセスするテストケースを作成 》 tail –f + Seleniumのテスト実行 》 4秒おきなので広告の画像等も目視可能
12. 12 応用編 》 広告を確認したいURLだけまとめて作成 》 案件ごとにテストケースを作成し、シ ステム部外の案件依頼者に実行しても らう 》 Good生成機
13. 13 まとめ 》 レガシーコードがいきなりモダンなテ スト環境に移行できるわけない 》 でも品質・効率向上したい(目的) 》 従来の開発フローをできるとこから手 をつけていく 》 tail –f + SeleniumIDEはレガシーコー ド改善のための小さな一歩
14. 14 SeleniumIDEでレガシーコードを 改善していきましょう
15. 15 おわり