次の方法で共有


チュートリアル: ログインとログアウトを要求する Web パフォーマンス テストの作成

このチュートリアルでは、ログインとログアウトの処理を含む単純なアプリケーションを作成します。このアプリケーションはショッピング アプリケーションをシミュレートしますが、機能コードは含んでいません。最後に、アプリケーションをテストする Web パフォーマンス テストを作成します。

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

  • 簡単な Web アプリケーションを作成します。

  • Web パフォーマンス テストを作成します。

  • 既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを抽出します。

  • 既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを作成します。

必須コンポーネント

ここに必要なものです:

  • Visual Studio Ultimate

Web アプリケーションの作成

Web アプリケーションを作成するには

  1. Visual Studio Ultimateでは、[ファイル] で、メニューの [新規作成] を選択し、を選択します。

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

  2. [インストールされたテンプレート] の下で、Web設定を、選択したプログラミング言語を展開します。

  3. Web プロジェクトの種類の一覧で、を選択 [ASP.NET Empty Application]

    [!メモ]

    このチュートリアルでは、最小限のコードを作成します。

  4. [名前] ボックスに「ShoppingWebApp」と入力します。

  5. [場所] ボックスで、Web アプリケーションを作成するフォルダーを指定します。

  6. [ソリューションのディレクトリを作成] チェック ボックスをオンにします。

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

  8. [プロジェクト] メニューの [新しい項目の追加] をクリックします。

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

  9. 項目の一覧で、[Web フォーム] をクリックします。

  10. [名前] のテキスト ボックスに、型 [Default.aspx] は、[追加] を選択します。

Web アプリケーションのホーム ページを作成するには

  1. ソリューション エクスプローラーで、Default.aspx を右クリックし、[ビュー デザイナー] をクリックします。

    空のページが表示されます。

  2. ツールボックスが表示されない場合は、[ビュー] を選択し、[ツールボックス] を選択します。

  3. [標準] グループから、5 つのボタンをページにドラッグします。この手順は、次の表の説明に従って実行してください。

    [!メモ]

    ボタンを開くために各ボタンを選択し、イベントをダブルクリックします。

    Control

    Text プロパティ

    ボタンは、コードを選択します

    Button1

    Go to Log In

    Response.Redirect("Login.aspx");

    Button2

    Product 1

    Response.Redirect("Product1.aspx");

    Button3

    Product 2

    Response.Redirect("Product2.aspx");

    Button4

    Shopping Cart

    Response.Redirect("Cart.aspx");

    Button5

    Go to Log Out

    Response.Redirect("Logout.aspx");
  4. [ファイル] で、メニューの [すべて保存] を選択します。

Web アプリケーションにページを追加するには

  1. [プロジェクト] メニューの [新しい項目の追加] をクリックします。

  2. [新しい項目の追加] のダイアログ ボックスで、[Web フォーム] テンプレートを選択し、Login.aspxとし、を [追加] を選択します。

  3. ドキュメント ウィンドウの下部に、デザイン ビューに切り替えるに [デザイン] のタブをクリックします。

  4. ボタンをページ上にドラッグします。

  5. テキスト ボックスをページ上にドラッグします。

  6. 手順 1. ~ 4. を 4 回繰り返します。この手順は、次の表の説明に従って実行してください。

    Web ページ

    Control

    Text プロパティ

    ボタンは、コードを選択します

    Login.aspx

    TextBox1

    -

    -

    Login.aspx

    Button1

    Log In

    Response.Redirect("Default.aspx");

    Product1.aspx

    Button1

    Add to Cart

    Response.Redirect("Default.aspx");

    Product2.aspx

    Button1

    Add to Cart

    Response.Redirect("Default.aspx");

    Cart.aspx

    Button1

    Buy

    Response.Redirect("Default.aspx");

    Logout.aspx

    Button1

    Log Out

    Response.Redirect("Default.aspx");

    [!メモ]

    この Web アプリケーションには実際の機能はありません。各ページを送信すると、ホーム ページに戻ります。このチュートリアルでは、この機能だけで十分です。

  7. [ファイル] で、メニューの [すべて保存] を選択します。

Web アプリケーションを手動でテストするには

  1. [ソリューション エクスプローラー] で、Default.aspxを右クリックし、[スタート ページに設定] を選択します。

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

    [!メモ]

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

  3. Web アプリケーションのアドレスをクリップボードまたはメモ帳ファイルにコピーします。このアドレスはチュートリアルの後半で必要になります。たとえば、アドレスは "https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx" のようになります。

  4. [Go to Log In] を選択します。ページ Login.aspx が開きます。

  5. テキスト ボックスに自分の名前を入力し、[ログイン] を選択します。ホーム ページが開きます。

  6. [Product 1] を選択します。ページ Product1.aspx が開きます。

  7. [カートに追加] を選択します。ホーム ページが開きます。

  8. [Product 2] を選択します。ページ Product2.aspx が開きます。

  9. [カートに追加] を選択します。ホーム ページが開きます。

  10. [ショッピング カート] を選択します。ページ Cart.aspx が開きます。

  11. [購入] を選択します。ホーム ページが開きます。

  12. [Go to Log Out] を選択します。ページ Logout.aspx が開きます。

  13. [Log Out] を選択します。ホーム ページが開きます。

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

Web パフォーマンス テストの作成

これで、このアプリケーションをテストする Web パフォーマンス テストを作成する準備ができました。

Web パフォーマンス テスト アプリケーションを作成するには

  1. Visual Studio Ultimateの新しいインスタンスで、[ファイル] で、メニューのをポイントし、[新規作成]プロジェクトを選択します。

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

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

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

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

  5. [場所] ボックスに、Web アプリケーションを保存したフォルダーの名前を入力します。たとえば、「C:\WebSites\ShoppingWebApp」というフォルダー名を入力します。

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

    WebTest1.webtest という名前の Web パフォーマンス テストが含まれている Web パフォーマンス テストおよびロード テスト プロジェクトが作成されます。

  7. ソリューション エクスプローラーで、ショートカット メニューを開くこと、および [名前の変更] を選択すると、WebTest1.webtest を選択します。テスト WebTest1.webtestの名前を変更します。

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

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

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

    Web テスト レコーダーで、Web ブラウザーを開いてはディスプレイに追加します。

    [!メモ]

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

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

    [!メモ]

    Visual Studio は、記録した Web パフォーマンス テスト URL を Web パフォーマンス テスト レコーダーに順次表示します。

  11. [Go to Log In] を選択します。ページ Login.aspx が開きます。

  12. テキスト ボックスに自分の名前を入力し、[ログイン] を選択します。ホーム ページが開きます。

  13. [Product 1] を選択します。ページ Product1.aspx が開きます。

  14. [カートに追加] を選択します。ホーム ページが開きます。

  15. [Product 2] を選択します。ページ Product2.aspx が開きます。

  16. [カートに追加] を選択します。ホーム ページが開きます。

  17. [ショッピング カート] を選択します。ページ Cart.aspx が開きます。

  18. [購入] を選択します。ホーム ページが開きます。

  19. [Go to Log Out] を選択します。ページ Logout.aspx が開きます。

  20. [Log Out] を選択します。ホーム ページが開きます。

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

    Internet Explorer が閉じ、Web パフォーマンス テストが Web パフォーマンス テスト エディターに URL の一覧として表示されます。記録を停止すると、テストを変更できます。

  22. [ファイル] で、メニューの [すべて保存] を選択します。

Web パフォーマンス テスト アプリケーションを実行するには

  1. [Web Performance Test Editor] で、ツール バーの [テストの実行] を選択します。

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

  2. [テスト結果] ウィンドウで、テストが成功したことを確認します。

  3. Web パフォーマンス テスト結果ビューアーの一覧で要求をいくつか選択し、Web ブラウザーの下のペインに表示される結果を調べます。テストが正しく実行されていることを確認します。

新しい Web パフォーマンス テストの抽出

既存の Web パフォーマンス テストから個別の要求を抽出することで、新しい Web パフォーマンス テストを作成できます。詳細については、「方法: 新しい Web パフォーマンス テストを作成するために既存の Web パフォーマンス テストから要求を抽出する」を参照してください。

既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを抽出するには

  1. Web パフォーマンス テスト エディターで WebTest1 を開きます。

  2. 要求ツリーでを右クリックし、を [Web テストの抽出] WebTest1 を選択します。

    [Web テストの抽出] ダイアログ ボックスが表示されます。

  3. [Web テスト名] に「Login」と入力します。

  4. [Web テストの最初の項目を選択] ドロップダウンで最初の要求を選択します。要求は次のようになります。

    https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx

  5. [Web テストの最後の項目を選択] ボックスの 3 つ目の要求をクリックします。要求は次のようになります。

    https://localhost:<PortNumber>/ShoppingWebApp/Login.aspx

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

    Login という名前の新しい Web パフォーマンス テストが作成されます。Web パフォーマンス テスト エディターの要求ツリーで、抽出した個々の要求の代わりに Login が追加されます。ソリューション エクスプローラーで、プロジェクト リストに Login.webtest が追加されます。

  7. 要求ツリーでを右クリックし、を [Web テストの抽出] WebTest1 を選択します。

    [Web テストの抽出] ダイアログ ボックスが表示されます。

  8. [Web テスト名] に「BrowseAndBuy」と入力します。

  9. [Web テストの最初の項目を選択] ドロップダウンで Login の後の最初の要求を選択します。要求は次のようになります。

    https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx

  10. [Web テストの最後の項目を選択] ドロップダウンで 6 つ目の要求を選択します。要求は次のようになります。

    https://localhost:<PortNumber>/ShoppingWebApp/Cart.aspx

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

    BrowseAndBuy という名前の新しい Web パフォーマンス テストが作成されます。Web パフォーマンス テスト エディターの要求ツリーに、抽出した個々の要求の代わりとして BrowseAndBuy が追加されます。ソリューション エクスプローラーで、プロジェクト リストに BrowseAndBuy.webtest が追加されます。

  12. 要求ツリーでを右クリックし、を [Web テストの抽出] WebTest1 を選択します。

    [Web テストの抽出] ダイアログ ボックスが表示されます。

  13. [Web テスト名] に「Logout」と入力します。

  14. [Web テストの最初の項目を選択] ドロップダウンで BrowseAndBuy の後の最初の要求を選択します。要求は次のようになります。

    https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx

  15. [Web テストの最後の項目を選択] ドロップダウンで最後の要求を選択します。要求は次のようになります。

    https://localhost:<PortNumber>/ShoppingWebApp/Logout.aspx

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

    Logout という名前の新しい Web パフォーマンス テストが作成されます。Web パフォーマンス テスト エディターの要求ツリーで、抽出した個々の要求の代わりに Logout が追加されます。ソリューション エクスプローラーで、プロジェクト リストに Logout.webtest が追加されます。

  17. Web パフォーマンス テスト要求ツリーに要求が残っていないことを確認します。つまり、WebTest1 は完全に他の Web パフォーマンス テストの呼び出しで構成されています。

  18. [ファイル] で、メニューの [すべて保存] を選択します。

Web パフォーマンス テスト アプリケーションを実行するには

  1. [Web Performance Test Editor] で、ツール バーの [テストの実行] を選択します。

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

  2. [テスト結果] ウィンドウで、テストが成功したことを確認します。

  3. Web パフォーマンス テスト結果ビューアーの一覧で要求をいくつか選択し、Web ブラウザーの下のペインに表示される結果を調べます。テストが正しく実行されていることを確認します。

    [!メモ]

    Web パフォーマンス テスト結果ビューアーのツリーには、WebTest1.Login、WebTest1.BrowseAndBuy、WebTest1.Logout という 3 つの折りたたみ可能なノードが表示されています。これにより、テストの各部をより簡単に検証できます。

新しい Web パフォーマンス テストの作成

既存の Web パフォーマンス テストを組み合わせることにより、新しい Web パフォーマンス テストを作成できます。詳細については、「方法: Web パフォーマンス テストに別の Web パフォーマンス テストへの呼び出しを挿入する」を参照してください。

既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを作成するには

  1. ソリューション エクスプローラーで、[ShoppingWebAppTest] の Web パフォーマンス テストおよびロード テスト プロジェクトのショートカット メニューを開き、[追加] を選択します。次 [Web パフォーマンス テスト] を選択します。

    WebTest2.webtest という名前の新しい Web パフォーマンス テスト ファイルが追加され、Internet Explorer の新しいインスタンス内でプロジェクト名 [Web Performance Test Recorder] を開きます。

  2. 参照せずに記録を停止します [Web Performance Test Recorder][停止] を選択します。

    Internet Explorer が閉じ、Web パフォーマンス テスト エディターに Web パフォーマンス テストが表示されます。参照しなかったため、このテストは空です。

  3. 要求ツリーで、を右クリック [WebTest2] は、[Web テストの呼び出しの追加] を選択します。

    テストの選択 ダイアログ ボックスが表示されます。

  4. ログインを選択し、[OK] を選択します。要求ツリーに Login Web パフォーマンス テストが追加されます。

  5. 要求ツリーで、を右クリック [WebTest2] は、[Web テストの呼び出しの追加] を選択します。

    テストの選択 ダイアログ ボックスが表示されます。

  6. BrowseAndBuy を選択し、[OK] を選択します。要求ツリーに BrowseAndBuy Web パフォーマンス テストが追加されます。

  7. 要求ツリーで、を右クリック [WebTest2] は、[Web テストの呼び出しの追加] を選択します。

    テストの選択 ダイアログ ボックスが表示されます。

  8. ログアウトを選択し、[OK] を選択します。要求ツリーに Logout Web パフォーマンス テストが追加されます。

  9. [ファイル] で、メニューの [すべて保存] を選択します。

Web パフォーマンス テスト アプリケーションを実行するには

  1. [Web Performance Test Editor] で、ツール バーの [テストの実行] を選択します。

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

  2. [テスト結果] ウィンドウで、テストが成功したことを確認します。

  3. Web パフォーマンス テスト結果ビューアーの一覧で要求をいくつか選択し、Web ブラウザーの下のペインに表示される結果を調べます。テストが正しく実行されていることを確認します。

次の手順

Web パフォーマンス テストを作成できたので、それをロード テストに追加できます。仮想ユーザーごとにログインとログアウトのステップを 1 回のみ実行し、仮想ユーザーごとに BrowseAndBuy ステップを複数回テストするロード テストを作成できます。

参照

処理手順

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

方法: Web パフォーマンス テスト エディターを使用して既存の Web パフォーマンス テストを編集する

概念

Web パフォーマンス テストの実行

Web パフォーマンス テストのチュートリアル