チュートリアル : Web テストの記録と実行

[アーティクル]
09/11/2008

更新 : 2007 年 11 月

このチュートリアルでは、ブラウザの記録から Web テストを作成し、それが正常に動作することを検証します。

このチュートリアルでは、Visual Studio Team System Test Edition のツールを使用して Web テストを作成および実行する手順を説明します。Web テストエディタでは、Web テストは Web 要求を表す URL の一覧として開始されます。Web テストは、Web テストエディタを使用してブラウザセッションを記録することによって作成します。Web テストの詳細については、「Web テストの操作」を参照してください。

このチュートリアルでは次のタスクを行います。

テストプロジェクトを作成する。
ブラウザの記録から Web テストを作成する。
Web テストを実行して、正常に動作することを検証する。

前提条件

このチュートリアルを実行するには、次のコンポーネントが必要です。

Test Edition
「チュートリアル : 簡単な Web アプリケーションの作成」で作成した Web アプリケーション

チュートリアルの準備

このチュートリアルでは、「チュートリアル : 簡単な Web アプリケーションの作成」で作成した Web アプリケーションを変更しませんが、アプリケーションのアドレスが必要です。

このチュートリアルの準備をするには

「チュートリアル : 簡単な Web アプリケーションの作成」で作成した Web アプリケーションを開きます。

Ctrl キーを押しながら F5 キーを押して、ブラウザで Web アプリケーションを実行します。最初のページが表示されます。

メモ :
この操作により、Web テストの対象となる Web アプリケーションを実行する ASP.NET 開発サーバーが起動します。ASP.NET 開発サーバーのアイコンが、タスクバーの右隅の通知領域に表示されます。

Web アプリケーションのアドレスをクリップボードかメモ帳ファイルにコピーします。アドレスの例 : https://localhost:<ポート番号>/ColorWebApp/Default.aspx
ブラウザを閉じます。ただし、Web アプリケーションは開いたままにします。

テストプロジェクトの作成

テストプロジェクトを作成するには

Visual Studio の新しいインスタンスで、[ファイル] メニューの [新規] をポイントし、[プロジェクト] をクリックします。

[新しいプロジェクト] ダイアログボックスが表示されます。

[プロジェクト] で、必要に応じて [Visual Basic] または [Visual C#] を展開し、[テスト] ノードを選択します。

メモ :
このチュートリアルではコードは作成しません。プロジェクト用に選択する言語は、コード化された Web テストが生成されるときに使用される言語に影響します。

[Visual Studio にインストールされたテンプレート] の [テストプロジェクト] をクリックします。
[プロジェクト名] ボックスに「ColorWebAppTest」と入力します。
[場所] ボックスに、Web アプリケーションを保存したフォルダの名前を入力します。たとえば、「C:\WebSites\ColorWebApp」というフォルダ名を入力します。
[ソリューションのディレクトリを作成] チェックボックスをオフにします。

[OK] をクリックします。

メモ :
既定で、Visual Studio によって、単体テストファイルとテスト作成に関する情報を含むテキストファイルが追加されます。これらのファイルは、このチュートリアルでは使用しないため、削除してかまいません。削除しなかったとしても、このチュートリアルには影響しません。

Web テストの記録

Web サイトをエンドユーザーのように閲覧して、Web テストを記録します。サイト間を移動すると、要求が記録され、Web テストに追加されます。Web テストを記録する方法の詳細については、「方法 : Web テストを記録する」を参照してください。

Web テストを記録するには

[テスト] メニューの [新しいテスト] をクリックします。

[新しいテストの追加] ダイアログボックスが表示されます。
[新しいテストの追加] ダイアログボックスで、[Web テスト] を選択し、テスト名を「ColorWebTest.webtest」と入力して、[OK] をクリックします。

ColorWebTest.webtest という新しい Web テストファイルがプロジェクトに追加され、Web テストレコーダが Internet Explorer の新しいインスタンスに表示されます。
ブラウザのアドレスバーに、前の手順でコピーした Web アプリケーションアドレスを入力し、Enter キーを押します。

メモ :

Visual Studio は、記録された Web テスト URL を Web テストレコーダに表示します。
[Red] を選択し、[Submit] をクリックします。Label が [Red] のページが表示されます。
最初のページに戻ります。
[Blue] を選択し、[Submit] をクリックします。Label が [Blue] のページが表示されます。
最初のページに戻ります。
ブラウザのアドレスバーに、外部 Web サイトのアドレスを入力します。たとえば、「https://www.contoso.com」と入力します。
最初のページに戻ります。
Web テストレコーダの [停止] をクリックして、記録を停止します。

ダイアログボックスが開き、"動的パラメータを検出しています" というメッセージが表示されます。このダイアログボックスには、受信した HTTP 応答でのパラメータの検出状況を示すプログレスバーも表示されます。

動的なパラメータが検出されなかった場合は、ダイアログボックスに "昇格する動的パラメータが検出されませんでした。" というメッセージが表示されます。その後、ダイアログボックスが閉じます。

動的なパラメータが検出された場合は、[動的パラメータを Web テストパラメータに昇格] ダイアログボックスが表示されます。
(省略可能) [動的パラメータを Web テストパラメータに昇格] ダイアログボックスで、Web テストを実行するときに適用する上位変換のチェックボックスをオンにし、[OK] をクリックします。

記録が終了すると、Web テストが Web テストエディタに URL の一覧として表示されます。ここでテストを編集できます。
[ファイル] をクリックし、[名前を付けて ColorWebTest.webtest を保存] をクリックして、新しく記録された Web テストを保存します。

メモ :
Visual Studio は、記録された Web テスト URL を Web テストレコーダに表示します。

要求プロパティの表示

Web テストエディタの URL ツリーは、要求ツリーと呼ばれます。要求ツリーでさまざまなノードを選択すると、各要求に関連付けられたプロパティを表示できます。

要求プロパティを表示するには

Web テストエディタで、要求ツリーに移動し、[https://www.contoso.com] を選択します。
[プロパティ] ウィンドウの、[URL]、[リダイレクトに従う]、および [待ち時間] などのプロパティの値を控えます。
この要求の待ち時間が 0 であることに注意してください。
Web テストエディタで、要求ツリーに移動し、[https://www.contoso.com] エントリの直前のエントリを選択します。
この要求の待ち時間は、30 秒など、0 より大きい値であることに注意してください。これが、ブラウザのアドレスバーに「https://www.contoso.com」と入力するのにかかった時間です。

Web テストの実行による動作の検証

Web テストを実行して、正常に動作することを検証します。記録した各 Web 要求が再生され、結果が収集されます。詳細については、「Web テストの実行と表示」を参照してください。

Web テストを検証するには

Web テストエディタで、ツールバーの [テストの実行] をクリックします。

テストの実行が開始され、テストに含まれる各要求が Web テストビューアに表示されます。[テスト結果] ウィンドウにテスト全体の結果が表示されます。次に、結果を検証します。
Web テストビューアで、一覧から最初の要求を選択します。

要求の左どなりには、緑色のチェックマークが表示されます。緑色のチェックマークは、要求が成功したことを示します。Web アプリケーションの最初のページは下部のペインに表示されます。

Web テストビューアで、https://www.contoso.com への要求を選択します。

要求の左どなりには、緑色のチェックマークか赤い X が表示されます。赤い X は、要求が失敗したことを示します。これにより、テストの完了後、テスト全体の結果が失敗になります。既定では、テストが失敗しても残りのテストは中止されず、実行は継続されます。たとえば、https://www.contoso.com への外部 Web 要求はファイアウォールの問題が原因で失敗する可能性があります。しかし、Default.aspx に対するその後の要求は実行され、成功します。

メモ :
ローカルネットワーク外の Web サイトにアクセスできない場合、Web テストにプロキシサーバーを指定する必要がある可能性があります。これについては、次のセクションで詳しく説明します。

テストを 2 度目に実行する場合は、Web テストエディタの上部にある [再度実行するには、ここをクリックします] をクリックします。

プロキシサーバーの指定

ファイアウォールの外にある Web サイトをテストしている場合、テストを実行すると、次のエラーメッセージを受信する可能性があります。

RequestFailed: Web テストにプロキシサーバーの構成が必要であることを示す、次のエラーが発生しました: リモート名を解決できませんでした。

Web テストに https://www.contoso.com などの外部 URL が含まれている可能性があります。ファイアウォール外の Web サイトへのアクセスにプロキシを使用している場合は、Web ページを表示するためにブラウザで使用するプロキシサーバーを指すように、Web テストのプロキシプロパティを手動で設定する必要があります。Web テストエディタを使用してプロキシを設定します。

プロキシサーバーを指定するには

Web テストエディタで、要求ツリーに移動し、ルートノードを選択します。ルートノードは、Web テスト名である ColorWebTest です。

[プロパティ] ウィンドウで [プロキシ] プロパティを選択し、有効なプロキシ名を入力します。ネットワーク管理者に有効なプロキシ名を確認するか、「default」と入力して Internet Explorer のプロキシ設定を使用します。

注意 :
プロキシ設定として "default" を使用すると、負荷下で Web テストを実行するときにパフォーマンスの問題が発生することがあります。Web テストをロードテストで実行する場合は、"default" 以外のプロキシを指定することをお勧めします。