Download to read offline
![資料の見方
• コマンドプロンプト(Windows)、ターミナル(OS X)をいずれも
「ターミナル」と表記します。
• 灰色角丸四角はターミナルでのコマンドです。
• 水色角丸四角はディレクトリ、ファイルです。
command for both Windows and OS X
[Windows]
command for Windows
[OS X]
command for OS X
directry
└─directory
file](https://image.slidesharecdn.com/sit-wtv0-160724024045/85/SI-Toolkit-for-Web-Testing-4-320.jpg)
![SIT-WTプロジェクトのセットアップ
プロジェクトディレクトリ「sit-wt」を作成します。
sit-wt ディレクトリに移動し、SIT-WTのpom.xmlをコマンドでダ
ウンロードします。
mkdir sit-wt
cd sit-wt
[Windows]
powershell -Command "Invoke-WebRequest -Uri
https://raw.githubusercontent.com/sitoolkit/sit-wt-
all/master/distribution/pom.xml -OutFile pom.xml"
[OS X]
curl -O https://raw.githubusercontent.com/sitoolkit/sit-wt-
all/master/distribution/pom.xml](https://image.slidesharecdn.com/sit-wtv0-160724024045/85/SI-Toolkit-for-Web-Testing-9-320.jpg)
![SIT-WTプロジェクトのセットアップ
[Redmine 3系のためのSIT-WTの設定]
SIT-WTのプロパティファイルを作成し、ウィンドウ幅に901以上
の値を設定してください。
プロパティファイルはsrc/main/resourcesディレクトリに配置し
てください。
mkdir srcmainresources
echo window.width=950> srcmainresourcessit-wt.properties](https://image.slidesharecdn.com/sit-wtv0-160724024045/85/SI-Toolkit-for-Web-Testing-10-320.jpg)
![画面操作を記録してテストスクリプトを作成
[Redmine 3系のテストスクリプト作成の注意]
「＋」リンクはマウスオーバーではなくクリックして 「新しいチ
ケット」リンクを表示させてください。
「新しいチケット」リンクは「＋」リンクのマウスオーバーでも表示されますが、マウスオーバーはスクリプト
として記録されません。このためスクリプトを自動実行すると「新しいチケット」リンクが見つからないという
エラーになります。](https://image.slidesharecdn.com/sit-wtv0-160724024045/85/SI-Toolkit-for-Web-Testing-15-320.jpg)
![SIT-WTのテストスクリプトを編集
SIT-WTのテストスクリプトを実行ディレクトリに移動します。
Selenium IDEのテストスクリプトは実行されないようにリネーム
します。
sit-wt
└─testscript
CreateAndUpdateTicket.xlsx
[Windows]
move targettestscript .
move CreateAndUpdateTicket.html CreateAndUpdateTicket.html_
[Mac]
mv target/testscript .
mv CreateAndUpdateTicket.html CreateAndUpdateTicket.html_](https://image.slidesharecdn.com/sit-wtv0-160724024045/85/SI-Toolkit-for-Web-Testing-21-320.jpg)
![変数とEL式の使用
storeした変数はEL式の中でparams[‘変数名’]で使用できます。
ここではチケットの題名に乱数を含めます。
新しいチケット - myproject - Redmine_.xlsx
CreateAndUpdateTicket.xlsx](https://image.slidesharecdn.com/sit-wtv0-160724024045/85/SI-Toolkit-for-Web-Testing-30-320.jpg)
SI-Toolkit for Web Testing ハンズオン勉強会
- 1. SI-Toolkit for WebTesting ハンズオン勉強会
- 2. このスライドは • SI-Toolkit forWeb Testing (SIT-WT)のハンズオン勉強会で使 用したものです。 • SI-Toolkit => http://sitoolkit.org/ • 勉強会ではSIT-WTの以下の機能を使います。 • 画面操作を記録してテストスクリプトを作成 • 表示中の画面からテストスクリプトを生成 • マルチブラウザでテストを実行 • 並列にテストを実行
- 3. ハンズオンシナリオ • セットアップ • Redmineをインストール •Redmineプロジェクト「myproject」を作成 • SIT-WTプロジェクトのセットアップ • テストスクリプト作成 • 画面操作からテストスクリプトを作成 • Seleniumテストスクリプトを実行 • テストスクリプト編集 • SIT-WTのテストスクリプトを編集 • 表示中のページのテストスクリプトを生成 • テストスクリプトから別のテストスクリプトの実行 • 正規表現でVerify • 変数とEL式の使用 • マルチブラウザテスト • 並列テスト実行
- 4. 資料の見方 • コマンドプロンプト(Windows)、ターミナル(OS X)をいずれも 「ターミナル」と表記します。 •灰色角丸四角はターミナルでのコマンドです。 • 水色角丸四角はディレクトリ、ファイルです。 command for both Windows and OS X [Windows] command for Windows [OS X] command for OS X directry └─directory file
- 5.
- 6.
- 7.
- 8.
- 9. SIT-WTプロジェクトのセットアップ プロジェクトディレクトリ「sit-wt」を作成します。 sit-wt ディレクトリに移動し、SIT-WTのpom.xmlをコマンドでダ ウンロードします。 mkdir sit-wt cdsit-wt [Windows] powershell -Command "Invoke-WebRequest -Uri https://raw.githubusercontent.com/sitoolkit/sit-wt- all/master/distribution/pom.xml -OutFile pom.xml" [OS X] curl -O https://raw.githubusercontent.com/sitoolkit/sit-wt- all/master/distribution/pom.xml
- 10. SIT-WTプロジェクトのセットアップ [Redmine 3系のためのSIT-WTの設定] SIT-WTのプロパティファイルを作成し、ウィンドウ幅に901以上 の値を設定してください。 プロパティファイルはsrc/main/resourcesディレクトリに配置し てください。 mkdir srcmainresources echowindow.width=950> srcmainresourcessit-wt.properties
- 11.
- 12.
- 13. 画面操作を記録してテストスクリプトを作成 Selenium IDEを使用してRedmineの画面操作をテストスクリプト に記録します。 シナリオ 1. ログイン 2.プロジェクト「myproject」を選択 3. チケットを作成 4. チケット一覧から作成したチケットを選択 5. チケットを更新
- 14.
- 15.
- 16.
- 17.
- 18. 補足：Selenium IDEテストスクリプトの実行の 仕組み Selenium IDEのテストスクリプト(html)は、target/testscript以 下にSIT-WTのテストスクリプト(xlsx)に変換されています。 テストではこのSIT-WTのテストスクリプト(xlsx)を実行していま す。 sit-wt │CreateAndUpdateTicket.html │ └─target │ └─testscript CreateAndUpdateTicket.xlsx
- 19.
- 20.
- 21. SIT-WTのテストスクリプトを編集 SIT-WTのテストスクリプトを実行ディレクトリに移動します。 Selenium IDEのテストスクリプトは実行されないようにリネーム します。 sit-wt └─testscript CreateAndUpdateTicket.xlsx [Windows] move targettestscript. move CreateAndUpdateTicket.html CreateAndUpdateTicket.html_ [Mac] mv target/testscript . mv CreateAndUpdateTicket.html CreateAndUpdateTicket.html_
- 22.
- 23.
- 24.
- 25.
- 26.
- 27. 補足：テストスクリプトの配置ディレクトリ テストスクリプトを配置するディレクトリの用途は以下の通りです。 sit-wt │ pom.xml │ ├─pageobj │ 新しいチケット- myproject - Redmine.xlsx │ └─testscript CreateAndUpdateTicket.xlsx pageobj : 生成したテストスクリプトの出力先 include操作で指定するパスのルート testscript : 「mvn verify」で実行対象となるテストスクリプトのルート
- 28.
- 29.
- 30. 変数とEL式の使用 storeした変数はEL式の中でparams[‘変数名’]で使用できます。 ここではチケットの題名に乱数を含めます。 新しいチケット - myproject- Redmine_.xlsx CreateAndUpdateTicket.xlsx
- 31.
- 32.
- 33.
- 34.
- 35. Firefox以外のブラウザでテスト実行 VM引数driver.type、webdriver.{driver.type}.driverを指定して Mavenコマンドverifyフェーズを実行します。 mvn verify -Ddriver.type=chrome-Dwebdriver.chrome.driver=chromedriver.exe mvn verify -Ddriver.type=ie -Dwebdriver.ie.driver=IEDriverServer.exe mvn verify -Ddriver.type=edge -Dwebdriver.edge.driver=MicrosoftWebDriver.exe
- 36.
- 37.
- 38.
- 39.
- 40.
- 41. Follow us! • プロジェクトホームページ •http://sitoolkit.org/ • GitHub • https://github.com/sitoolkit/sit-wt-all • Twitter • @si_toolkit • Doorkeeper • https://sitoolkit.doorkeeper.jp/