サルから進化(?)selenium webdriverの自動実行プログラム

23
サルから進化(?) Selenium WebDriver自動実行プログラム (デモつき) 東平洋史

Upload: -

Post on 23-Jun-2015

923 views

Category:

Technology


3 download

TRANSCRIPT

Page 1: サルから進化(?)Selenium WebDriverの自動実行プログラム

サルから進化(?)Selenium WebDriverの自動実行プログラム

(デモつき)

東平洋史

Page 2: サルから進化(?)Selenium WebDriverの自動実行プログラム

自己紹介• 名前東平洋史(とうへいひろふみ)

• 職業ある会社のテスト設計者

• Selenium使用歴2014/3/4(月)~

• 前歴NTT 武蔵野通研→NTTコミュニケーションズ→某社→CTCシステムオペレーションズ

Page 3: サルから進化(?)Selenium WebDriverの自動実行プログラム

Seleniumとは?

• 原子番号34の元素

• 元素記号はSe

• 第16族元素–酸素と同族

–ハロゲンの隣

• 灰色セレン–金属セレン

–六方晶系

–融点は217.4℃

• 赤色セレン

–単斜晶系

Page 4: サルから進化(?)Selenium WebDriverの自動実行プログラム

ではなくて

Page 5: サルから進化(?)Selenium WebDriverの自動実行プログラム

Seleniumとは?

http://docs.seleniumhq.org/

• Webベースアプリケーション用テスト自働化ツール

• ライセンスはApache 2.0 License

Page 6: サルから進化(?)Selenium WebDriverの自動実行プログラム

Seleniumで出来ること

• ユーザが行なった操作の記録・スクリプト化

–クリック、ダブルクリック

–文字入力

など

• ユーザが行なった操作の再現実行⇒ブラウザのテスト、自動実行

Page 7: サルから進化(?)Selenium WebDriverの自動実行プログラム

Selenium IDE(1)

• Seleniumのテストケース開発用ツール

• Mozilla Firefox の add-onhttp://docs.seleniumhq.org/download/

Page 8: サルから進化(?)Selenium WebDriverの自動実行プログラム

Selenium IDE(2)

ツールバー

テストケースペイン

ログ/リファレンス/UI-Element/Rollupペイン

メニューバー

Page 9: サルから進化(?)Selenium WebDriverの自動実行プログラム

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の自動実行プログラム

Selenium IDE使用例

Page 11: サルから進化(?)Selenium WebDriverの自動実行プログラム

ここで実習

Page 12: サルから進化(?)Selenium WebDriverの自動実行プログラム

実習内容

次のテストを行なうスクリプトの作成

1. Googleで「小江戸らぐ」を検索

2. 次のページを表示OSS支える!コミュニティー訪問~小江戸らぐ-川越を中心にゆるく活動するLinuxユーザー会

3. 写真をクリックして拡大表示

Page 13: サルから進化(?)Selenium WebDriverの自動実行プログラム

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の自動実行プログラム
Page 15: サルから進化(?)Selenium WebDriverの自動実行プログラム

機能は貧弱

Page 16: サルから進化(?)Selenium WebDriverの自動実行プログラム

Selenium IDEの貧弱さ

• 大域変数しかない

–テストケースすべてで同じ変数しか使えない

• 編集機能は貧弱

• Webブラウザしか操作できない

– Mozilla Firefoxのadd-onだから

• Mozilla Firefoxでしか使えない

– Mozilla Firefoxのadd-onだから

Page 17: サルから進化(?)Selenium WebDriverの自動実行プログラム

というわけで

Page 18: サルから進化(?)Selenium WebDriverの自動実行プログラム

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の自動実行プログラム

Selenium WebDriverは高機能

• 局所変数使用可能

• 強力なIDEで編集可能

– Eclipse, IntelliJ IDEA, …

• Webブラウザ以外も操作可能

–プログラムだから

• Mozilla Firefox以外のブラウザも操作可能

–プログラムだから

Page 20: サルから進化(?)Selenium WebDriverの自動実行プログラム

ここで実習

Page 21: サルから進化(?)Selenium WebDriverの自動実行プログラム

実習内容

次のテストを行なうプログラムの作成

1. Google Chrome 機動

2. Googleで「小江戸らぐ」を検索

3. 次のページを表示OSS支える!コミュニティー訪問~小江戸らぐ-川越を中心にゆるく活動するLinuxユーザー会

4. 写真をクリックして拡大表示

Page 22: サルから進化(?)Selenium WebDriverの自動実行プログラム

まとめ

• Selenium

– Webブラウザ自動実行用テストツール

– Apacheライセンス

• Selenium IDE

– Seleniumスクリプト作成用統合環境

– Mozilla Firefoxのアドオン

• Selenium WebDriver

– Webブラウザの自動実行制御

Page 23: サルから進化(?)Selenium WebDriverの自動実行プログラム

おしまい(^.^)/~~~