Selenium による E2E テスト再入門 / Introduction to E2E Testing with Selenium

社内ビアバッシュの発表資料

Transcript

1. Seleniumによる E2Eテスト再入門 第7回ビアバッシュLT in なにわ at 2015.05.20 2015年5月度もくもく勉強会 at 2015.05.28 Yuu Kawanami RAKUS Co., Ltd.
2. 目次 1. E2Eテスト とは 2. Selenium とは ◦ Selenium WebDriver ◦ Selenium IDE ◦ Selenium Grid 3. テスト作成（デモ） 4. テスト作成時の実践テクニックその１（デモ） ◦ Selenium IDEでの要素取得の優先順位 5. テスト作成時の実践テクニックその２（デモ） ◦ Page Object パターン
3. E2Eテスト とは End-to-End テスト ＝　ユーザ視点でシステムが正しく動いていることを確認するテスト もう少し説明すると...
4. E2Eテスト とは リクエストがクライアント、たとえばブラウザから始まって、サーバ内で処理され、制御 が再度クライアントのほうに返ってくるという構成のときに、リクエストを投げてレスポ ンスが返ってくるまでの処理をブラックボックスとして捉え、大きく機能の入り口から出 口までの範囲のブラックボックステストを行うこと。 Webアプリケーション開発におけるE2Eテストとは、ブラウザへのユーザ操 作(入力)に対する、アプリケーションの振る舞いをテストすること。 （引用）第8回 テスト駆動開発の「サイクル」 ―まず受け入れテストで土台を作る http://gihyo.jp/dev/serial/01/tdd/0008
5. E2Eテスト とは E2Eテストのコード化の目的、効果 • 人手では手間がかかり過ぎるバリエーションテストの自動化 ◦ テスト工数の削減 • 結合レベルの再帰テストの自動化 ◦ テスト工数の削減 ◦ デグレの早期発見 ◦ ユーザのメインシナリオに関わる機能の継続的テスト • 目先の品質向上というよりは、長い目で見たサービス品質の改善
6. 参考：アジャイルテストの4象限 E2Eテストの範囲 http://quesqa.com/test_automation_selenium-grid/
7. Selenium とは Selenium WebDriver • Web Driver（＝ブラウザのネイティブ API。W3Cで標準化が検討されている） を通して、プログ ラムからブラウザ操作をシュミレートする仕組み • クロスブラウザ、クロスプラットフォーム Selenium IDE • Firefoxアドオン • ブラウザ操作を記録し、Seleniumのテストコードを自動生成してくれる
8. Selenium とは Selenium Grid • 複数のリモートマシン対して テストを自動で分散（並列） 実行させる仕組み http://quesqa.com/test_automation_selenium-grid/
9. Selenium とは Selenium WebDriverを利用した E2Eテストフレームワーク • selenium-java（Java） • capybara（Ruby） • behat（PHP） • nightwatch.js（Javascript）
10. テスト作成 （Demo） 楽楽精算へのログイン
11. Selenium IDEでの要素取得の優先順位 テスト作成時の実践テクニックその１ 参考：Selenium IDEの属性取得の優先順位変更方法 http://qiita.com/oh_rusty_nail/items/7fcc2d54d1abc5febe86
12. XPathを優先　　　　　　　　　　　　　　　　　　CSSセレクタを優先
13. XPathを優先 CSSセレクタを優先 生成されたコード 生成されたコード
14. テスト作成時の実践テクニックその２ （Demo） Page Object パターン
15. 最後に いつやるか？ 今でしょ!!