サルから進化(?)Selenium WebDriverの自動実行プログラム
-
Upload
- -
Category
Technology
-
view
923 -
download
3
Transcript of サルから進化(?)Selenium WebDriverの自動実行プログラム
![Page 1: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/1.jpg)
サルから進化(?)Selenium WebDriverの自動実行プログラム
(デモつき)
東平洋史
![Page 2: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/2.jpg)
自己紹介• 名前東平洋史(とうへいひろふみ)
• 職業ある会社のテスト設計者
• Selenium使用歴2014/3/4(月)~
• 前歴NTT 武蔵野通研→NTTコミュニケーションズ→某社→CTCシステムオペレーションズ
![Page 3: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/3.jpg)
Seleniumとは?
• 原子番号34の元素
• 元素記号はSe
• 第16族元素–酸素と同族
–ハロゲンの隣
• 灰色セレン–金属セレン
–六方晶系
–融点は217.4℃
• 赤色セレン
–単斜晶系
![Page 4: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/4.jpg)
ではなくて
![Page 5: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/5.jpg)
Seleniumとは?
http://docs.seleniumhq.org/
• Webベースアプリケーション用テスト自働化ツール
• ライセンスはApache 2.0 License
![Page 6: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/6.jpg)
Seleniumで出来ること
• ユーザが行なった操作の記録・スクリプト化
–クリック、ダブルクリック
–文字入力
など
• ユーザが行なった操作の再現実行⇒ブラウザのテスト、自動実行
![Page 7: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/7.jpg)
Selenium IDE(1)
• Seleniumのテストケース開発用ツール
• Mozilla Firefox の add-onhttp://docs.seleniumhq.org/download/
![Page 8: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/8.jpg)
Selenium IDE(2)
ツールバー
テストケースペイン
ログ/リファレンス/UI-Element/Rollupペイン
メニューバー
![Page 9: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/9.jpg)
Selenium IDE(3)
• ツールバー
1. Speed Control実行速度調節
2. Run All
スクリプトをすべて実行
3. Run
選択されているスクリプトを実行
4. Pause/Resume一時停止/再開
5. Step
コマンドをステップ(一つずつ)実行
6. Record
ブラウザの操作を記録
1
2
3
4
5 6
![Page 10: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/10.jpg)
Selenium IDE使用例
![Page 11: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/11.jpg)
ここで実習
![Page 12: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/12.jpg)
実習内容
次のテストを行なうスクリプトの作成
1. Googleで「小江戸らぐ」を検索
2. 次のページを表示OSS支える!コミュニティー訪問~小江戸らぐ-川越を中心にゆるく活動するLinuxユーザー会
3. 写真をクリックして拡大表示
![Page 13: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/13.jpg)
Selenium IDEでの自動実行の手順
コマンド 対象 値
open /
type id=lst-ib 小江戸らぐclick name=btnK
waitForElementPresent
//a[@href='http://itpro.nikkeibp.co.jp/article/COLUMN/20131003/508665/']
clickAndWait //a[@href='http://itpro.nikkeibp.co.jp/article/COLUMN/20131003/508665/']
click css=img[alt="小江戸らぐ"]
![Page 14: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/14.jpg)
![Page 15: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/15.jpg)
機能は貧弱
![Page 16: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/16.jpg)
Selenium IDEの貧弱さ
• 大域変数しかない
–テストケースすべてで同じ変数しか使えない
• 編集機能は貧弱
• Webブラウザしか操作できない
– Mozilla Firefoxのadd-onだから
• Mozilla Firefoxでしか使えない
– Mozilla Firefoxのadd-onだから
![Page 17: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/17.jpg)
というわけで
![Page 18: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/18.jpg)
Selenium WebDriver
http://docs.seleniumhq.org/projects/webdriver/
• プログラムからWebブラウザ制御
• 制御可能ブラウザ
– Internet Explorer、Mozilla Firefox、Google Chrome、Opera、Android標準Webブラウザ、Safari(iOS)
• 使用可能言語
– Java、C#、Ruby、Python、Javascript(Node)
![Page 19: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/19.jpg)
Selenium WebDriverは高機能
• 局所変数使用可能
• 強力なIDEで編集可能
– Eclipse, IntelliJ IDEA, …
• Webブラウザ以外も操作可能
–プログラムだから
• Mozilla Firefox以外のブラウザも操作可能
–プログラムだから
![Page 20: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/20.jpg)
ここで実習
![Page 21: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/21.jpg)
実習内容
次のテストを行なうプログラムの作成
1. Google Chrome 機動
2. Googleで「小江戸らぐ」を検索
3. 次のページを表示OSS支える!コミュニティー訪問~小江戸らぐ-川越を中心にゆるく活動するLinuxユーザー会
4. 写真をクリックして拡大表示
![Page 22: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/22.jpg)
まとめ
• Selenium
– Webブラウザ自動実行用テストツール
– Apacheライセンス
• Selenium IDE
– Seleniumスクリプト作成用統合環境
– Mozilla Firefoxのアドオン
• Selenium WebDriver
– Webブラウザの自動実行制御
![Page 23: サルから進化(?)Selenium WebDriverの自動実行プログラム](https://reader034.fdocuments.net/reader034/viewer/2022052600/5589323cd8b42ad2138b45d0/html5/thumbnails/23.jpg)
おしまい(^.^)/~~~