2008/3/27 木曜日

Selenium core を使って Webアプリケーションをテスト

カテゴリー: Web開発 — nito @ 16:48:02

Selenium IDE で保存したテストケースを Firefox 以外のブラウザでテストしたい場合などは Selenium Core を利用します。

Selenium Core のダウンロード

Selenium Core: Download から Selenium Core をダウンロードして解凍します。

Selenium Core をサーバーに配置

  • テストしたい Webアプリケーションのドキュメントルートに selenium というディレクトリを作成します。
  • Selenium ディレクトリにダウンロードした Selenium Core ディレクトリの中にある core ディレクトリの中をすべてコピーします。

テストをサーバーに配置

次に実行するテストケースを配置します。テストケース、テストスイートを入れる tests ディレクトリを作成します。

全体の構成

[/]
    [MailForm]
       form.html
    [selenium]
       TestRunner.html
       ...
    [tests]
       TestForm.html
       FormTestSuite.html

テストスイートの作成

テストスイートという、テストケースへのリンクをまとめた html を作成します。
内容は下記のようになります。

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  </head>
  <body>
    <table border="1">
      <tr>
	<td>テストスイート</td>
      </tr>
      <tr>
	<td><a href="TestForm.html">フォームテスト</a></td>
      </tr>
    </table>
  </body>
</html>

この html を先ほど作った tests ディレクトリに “FormTestSuite.html” として保存します。Selenium IDE で作成したテストケースもこのディレクトリに一緒に保存しておきます。

テストの実行

  • selenium/TestRunner.html をブラウザ(Internet Explorerなど)で開きます。
    TestRunner.html 画面
  • 左側のフレームでテストスイートを指定します。
    テストスイート指定
  • テストスイート、テストケースが表示されます。
    テストケース表示
  • 右側の画面のコントローラから実行を押します。
    Selenium Core コントローラ
  • 画面下部にテストしたい Webアプリケーションが表示されてテストが実行されます。
    テスト結果

コメントはまだありません »

コメントはまだありません。

このコメント欄の RSS フィード TrackBack URI

コメントをどうぞ

HTML convert time: 0.565 sec. Powered by WordPress ME