Share via


チュートリアル: Web パフォーマンス テストの記録と実行

このチュートリアルでは、ブラウザーの記録から Web パフォーマンス テストを作成し、正しく動作することを検証するために Visual Studio Ultimate ツールを使用します。

Web パフォーマンス テストを作成するには、ブラウザー セッションを記録します。ブラウザー セッションは、Web パフォーマンス テスト エディターで URL の一覧として表示されます。各 URL は、Web 要求を表します。Web パフォーマンス テストの詳細については、「Web パフォーマンス テストの作成と編集」を参照してください。

次のタスクを実行します:

  • Web パフォーマンス テストおよびロード テスト プロジェクトを作成します。

  • ブラウザーの記録からの Web パフォーマンス テストの作成

  • Web パフォーマンス テストを実行して正常に動作することを検証

必須コンポーネント

ここに必要なものです:

チュートリアルの準備

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

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

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

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

    [!メモ]

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

  3. Web アプリケーションのアドレスをクリップボードかメモ帳ファイルにコピーします。アドレスの例: https://localhost:<ポート番号>/ColorWebApp/Default.aspx

  4. ブラウザーを閉じます。

Web パフォーマンス テストおよびロード テスト プロジェクトの作成

Web パフォーマンス テストおよびロード テストを作成するには、

  1. [ファイル][追加] で、メニューのをポイントし、[新しいプロジェクト] を選択します。

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

  2. [インストールされたテンプレート] の下に、[Visual Basic][Visual C#] を必要に応じて、展開し、[テスト] を選択します。

    [!メモ]

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

  3. テンプレートの一覧で、[Web パフォーマンスとロード テストのプロジェクト] を選択します。

  4. [プロジェクト名] ボックスに「ColorWebAppTest」と入力します。

  5. [場所] ボックスで、Web アプリケーションを保存したフォルダーの名前を入力します。たとえば、「C:\Users\<user name>\Documents\Visual Studio 11\Projects\ColorWebApp」というフォルダー名を入力します。また、[参照] を使用してフォルダーを見つけることもできます。

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

    ColorWebAppTest のプロジェクトは、WebTest1.webtest という名前の Web パフォーマンス テストが含まれているソリューションに追加されます

  7. ソリューション エクスプローラーで、[WebTest1.webtest、ショートカット メニューを開きます。[名前の変更] を選択し、ColorWebTest.webtestに Web パフォーマンス テストの名前を変更します。

Web パフォーマンス テストの記録

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

Web パフォーマンス テストを記録するには

  1. ソリューション エクスプローラーで、[ColorWebTest.webtest は、ショートカット メニューを開き、[開く] を選択します。

    ColorWebTest の Web パフォーマンス テスト エディターに表示されます。

  2. Web パフォーマンス テスト エディターで、ツール バーから [記録の追加] を選択します。

    、Web ブラウザーで表示される Web テスト レコーダー アドオンが表示されます。

    [!メモ]

    Web テスト レコーダーを確認できない場合は、それを含むように、Web ブラウザーのアドオンを構成する必要があります。

    Caution メモ注意

    次の手順を正しく機能させるに表示されている順序で次の手順に従う必要があります。

  3. ブラウザーのアドレス バーに、前の手順でコピーした入力し、キーを選択します。Web アプリケーションのアドレスが。

    [!メモ]

    Visual Studio Ultimate を記録すると同時に [Web Performance Test Recorder] Web パフォーマンス テスト URL を表示します。

  4. [赤] を選択し、[送信]を選択します。[赤] を指定 Label のページが表示されます。

  5. 最初のページに戻ります。

  6. [青] を選択し、[送信]を選択します。[青] を指定 Label のページが表示されます。

  7. 最初のページに戻ります。

  8. 記録を停止します [Web Performance Test Recorder][停止] を選択します。

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

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

    [!メモ]

    動的パラメーターが検出された場合は、[動的パラメーターを Web テスト パラメーターに昇格] のダイアログ ボックスは、Web パフォーマンス テストを実行するときに表示され、適用する昇格のチェック ボックスを選択できるようにします。詳細については、「方法: 動的パラメーターによる Web パフォーマンス テスト再生の問題を解決する」を参照してください。

    Web パフォーマンス テストの記録が終了すると、URL の一覧として [Web Performance Test Editor] で Web パフォーマンス テストが表示されます。ここでテストを編集できます。

  9. [ファイル] を選択し、新しく記録された Web パフォーマンス テストを保存するには [Save ColorWebTest.webtest] を選択します。

要求プロパティの表示と変更

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

要求プロパティを表示および変更するには

  1. Web パフォーマンス テスト エディターで、要求ツリーに移動し、https://localhost:<PortNumber>/Default.aspx の最初のインスタンスを選択します。

  2. [プロパティ] ウィンドウの、[URL][リダイレクトに従う]、および [待ち時間] などのプロパティの値を控えます。

  3. この要求の待ち時間は、0 より大きい値であることに注意してください。これは、前の手順 4 で赤を選択し、送信する選択するまで待機すると既定のページをサポートする処理です。

    詳細については、「方法: 待ち時間を設定して Web パフォーマンス テストで操作休止時間をシミュレートする」を参照してください。

  4. ツール バーで、[要求の詳細の設定] を選択します。

    [要求の詳細] ダイアログ ボックスが表示されます。このダイアログ ボックスは、Web パフォーマンス テストのさまざまな Web 要求の待ち時間を確認し、編集できるようにします。

  5. [待ち時間] 列で、待ち時間の値が 0 より大きい各要求を選択し、値を 1 に変更します。これにより、ユーザー操作が原因となる遅延を最小限に抑えて、テストを再生できます。

    詳細については、「方法: Web パフォーマンス テストで要求の詳細を設定する」を参照してください。

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

  7. 要求ツリーで、https://localhost:<PortNumber>/Default.aspx の 2 番目のインスタンスを展開します。

  8. [フォーム ポスト パラメーター] フォルダーを展開します。

    青を選択し、RadioButtonList1 および Button1 ポスト パラメーターの送信ボタンを選択した後、この要求が発生したことに注意してください。

  9. Red ポスト パラメーターおよび Submit ポスト パラメーターを使用して、http:// localhost:<PortNumber>/Default.aspx 要求の同じ 2 番目のインスタンスの要求ノードを強調表示し、要求を識別できるように [プロパティ] ウィンドウに [想定される応答] プロパティを表示します。

  10. [プロパティ] ウィンドウで、[レポート名] の横にあるテキスト ボックスを選択し、「Red」と入力します。

  11. http:// localhost:<PortNumber>/Default.aspx の 4 番目のインスタンスの要求ノードを強調表示します。

  12. [プロパティ] ウィンドウで、[レポート名] プロパティの横にあるテキスト ボックスを選択し、「Blue」と入力します。

    "レポート名" プロパティを使用すると、次の手順で要求を実行するときに Web パフォーマンス テスト アナライザーで要求を識別するのが簡単になります。レポート名により、関係者がレポート内の要求を識別するのも簡単になります。

    詳細については、「方法: Web パフォーマンス テストでレポート名を使用して要求を識別しやすくする」および「方法: Microsoft Excel を使用してロード テスト パフォーマンス レポートを作成する」を参照してください。

  13. [ファイル] を選択し、新しく記録された Web パフォーマンス テストを保存するには [Save ColorWebTest.webtest] を選択します。

    Web 要求および Web パフォーマンス テストの変更の詳細については、「Web パフォーマンス テスト エディターを使用した Web パフォーマンス テスト記録のカスタマイズ」を参照してください。

正常な動作を検証するための Web パフォーマンス テストの実行

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

Web パフォーマンス テストを検証するには

  1. Web パフォーマンス テスト エディターで、ツール バーの [テストの実行] を選択します。

    テストの実行が開始され、テストに含まれる各要求が Web パフォーマンス テスト結果ビューアーのセッションに表示されます。[テスト結果] ウィンドウにテスト全体の結果が表示されます。次に、結果を検証します。

  2. Web パフォーマンス テスト結果ビューアーで、一覧の最初の要求を選択します。

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

    要求の左どなりには、緑色のチェック マークか赤い X が表示されます。赤い X は、要求が失敗したことを示します。これにより、テストの完了後、テスト全体の結果が失敗になります。既定では、テストが失敗しても残りのテストは中止されず、実行は継続されます。たとえば、外部 Web 要求はファイアウォールの問題で失敗することがあります。ただし、次の要求は引き続き試行され、テストの実行は続行されます。

    ヒントヒント

    ローカル ネットワーク外の Web サイトにアクセスできない場合、Web パフォーマンス テストにプロキシ サーバーを指定する必要がある場合があります。ファイアウォールの問題の詳細については、「方法: Web パフォーマンス テストのプロキシ サーバーを指定する」を参照してください。

  3. 前の手順で割り当てた "レポート名" を使用することで、Red と Blue という 2 つの要求を簡単に認識できます。"レポート名" を使用しないと、それぞれの要求には同じ名前が付けられます。

  4. もう一度テストを実行するには、Web パフォーマンス テスト結果ビューアーの上部に [再度実行するには、ここをクリックします] を選択します。

次の手順

このチュートリアルでは、Web パフォーマンス テストを記録し、実行しました。Web パフォーマンス テストを作成したので、必要に応じて次の拡張機能を追加できます。

参照

処理手順

方法: Web パフォーマンス テストでレポート名を使用して要求を識別しやすくする

方法: Web パフォーマンス テスト レコーダーを使用して新しい Web パフォーマンス テストを作成する

方法: 待ち時間を設定して Web パフォーマンス テストで操作休止時間をシミュレートする

方法: Web パフォーマンス テストで要求の詳細を設定する

チュートリアル: 簡単な Web アプリの作成

チュートリアル: Web パフォーマンス テストへのデータ バインドの追加

チュートリアル: Web パフォーマンス テストへの検証規則と抽出規則の追加

チュートリアル: コード化された Web パフォーマンス テストの作成

方法: Microsoft Excel を使用してロード テスト パフォーマンス レポートを作成する

関連項目

Web パフォーマンス テスト エディターの概要

その他の技術情報

Web パフォーマンス テスト エディターを使用した Web パフォーマンス テスト記録のカスタマイズ