第14回 Selenium IDEを使ってみました

プラクティカル･ジョブサポートの実習生の方に制作をして頂いたページです。 バージョン番号などが入っているので内容が古くなるかもしれませんが、 適当に読み替えてください。

ご意見・ご感想 コラム

Webアプリケーションのテストって面倒ですよね。同じフォームに同じ値を入れて繰り返してテストをするのは・・・・・
ということでWebアプリケーションのテストを自動化するもの、Selenium(セレニウム)IDEを使用してみました。
その導入の仕方とテストの方法を書いちゃいましょー!!

• １.Selenium IDEを入れる方法
  
• ２.入力項目の自動入力の方法
  
• ３.テスト結果のチェックについて
  

１.Selenium IDEを入れる方法

• まずは、OpenQaの画面からSelenium IDEをクリックします。

（クリックしたら拡大します。）


• 次に、Evaluating Selenium IDEからDownloadをクリックします。

（クリックしたら拡大します。）


• クリックが終了すると、OpenQaの右隣の画面が変化するのでそれを確認してからFirefox extensionをクリックします。

（クリックしたら拡大します。）


• 次に、OpenQaの右上辺りにある画面の「設定を変更」をクリックします。

（クリックしたら拡大します。）


• 次に、サイトのアドレスがwww.openqa.orgになっていることを確認して許可をクリックします。




• 次に、許可をクリック後、閉じるをクリックします。




• インストール画面が現れるので今すぐインストールをクリックします。




• これでインストールができているはずです。

２.入力項目の自動入力の方法

• まずは、｢ツール｣から「Selenium IDE」をクリックします。

（クリックしたら拡大します。）


• 最初は記録モードになって立ち上がります。




• 次に、「http://www.okushin.co.jp/information/tanuki14/test.php」にアクセスします。

（クリックしたら拡大します。）


• 次に、左側から黄色を選択し、右側に注意と入力します。

（クリックしたら拡大します。）


• これで、自動入力の記録ができましたので一度保存してみましょう。


• まずは、現在の記録を停止します。




• ファイルから「テストに名前を付けて保存」を選び、名前に(testcase.html)と入力し保存します。



• これでファイルに保存されました。


• 次に、自動的に入力されているかどうかを試してみましょう。


• 項目からゆっくりを選択し、再生をクリックすると以前に入力した内容がゆっくり自動入力されます。




• 項目からステップを選択し、再生をクリックし再開をクリックすると以前に入力した内容がワンステップずつ自動入力されます。



• これだけで項目の入力部分が自動化されます。(便利になりましたねぇ〜)


• でもSeleniumはテストツールなのでそれの結果をチェックすることもできます。

３.テスト結果のチェックについて

• では、先ほどの続きをやってみましょう。



• まず、空欄をクリックして記録ボタンをクリックします。




• 次に、送信をクリックします。




• このURL「http://wiki.openqa.org/display/SEL/Command+Reference+ja」にSeleniumコマンドの説明が記載されています。



• そこの、「コマンドCheck編」にassertTextPresentの説明がありますので、このコマンドを使用してチェックをしてみます。






• まず、コマンドの欄に「assertTextPresent」、対象の欄に「正解です」と入力します。




• 次に、テストに名前を付けて保存します。




• そして、再生をクリックし、正しい結果なら画面が緑色に変化します。




• 間違った文字を入れて再生をクリックすると、間違った結果なので画面が赤色に変化します。





• このようにテスト結果を記録する事で同じパターンのテストを繰り返すことができます。