チュートリアル: ログインとログアウトを要求する Web パフォーマンス テストの作成
このチュートリアルでは、ログインとログアウトの処理を含む単純なアプリケーションを作成します。このアプリケーションはショッピング アプリケーションをシミュレートしますが、機能コードは含んでいません。最後に、アプリケーションをテストする Web パフォーマンス テストを作成します。
このチュートリアルでは、次のタスクを行います。
簡単な Web アプリケーションを作成します。
Web パフォーマンス テストを作成します。
既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを抽出します。
既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを作成します。
必須コンポーネント
ここに必要なものです:
- Visual Studio Ultimate
Web アプリケーションの作成
Web アプリケーションを作成するには
Visual Studio Ultimateでは、[ファイル] で、メニューの [新規作成] を選択し、を選択します。
[新しいプロジェクト] ダイアログ ボックスが表示されます。
[インストールされたテンプレート] の下で、Web設定を、選択したプログラミング言語を展開します。
Web プロジェクトの種類の一覧で、を選択 [ASP.NET Empty Application]。
[!メモ]
このチュートリアルでは、最小限のコードを作成します。
[名前] ボックスに「ShoppingWebApp」と入力します。
[場所] ボックスで、Web アプリケーションを作成するフォルダーを指定します。
[ソリューションのディレクトリを作成] チェック ボックスをオンにします。
[OK] をクリックします。
[プロジェクト] メニューの [新しい項目の追加] をクリックします。
[新しい項目の追加] ダイアログ ボックスが表示されます。
項目の一覧で、[Web フォーム] をクリックします。
[名前] のテキスト ボックスに、型 [Default.aspx] は、[追加] を選択します。
Web アプリケーションのホーム ページを作成するには
ソリューション エクスプローラーで、Default.aspx を右クリックし、[ビュー デザイナー] をクリックします。
空のページが表示されます。
ツールボックスが表示されない場合は、[ビュー] を選択し、[ツールボックス] を選択します。
[標準] グループから、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");[ファイル] で、メニューの [すべて保存] を選択します。
Web アプリケーションにページを追加するには
[プロジェクト] メニューの [新しい項目の追加] をクリックします。
[新しい項目の追加] のダイアログ ボックスで、[Web フォーム] テンプレートを選択し、Login.aspxとし、を [追加] を選択します。
ドキュメント ウィンドウの下部に、デザイン ビューに切り替えるに [デザイン] のタブをクリックします。
ボタンをページ上にドラッグします。
テキスト ボックスをページ上にドラッグします。
手順 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 アプリケーションには実際の機能はありません。各ページを送信すると、ホーム ページに戻ります。このチュートリアルでは、この機能だけで十分です。
[ファイル] で、メニューの [すべて保存] を選択します。
Web アプリケーションを手動でテストするには
[ソリューション エクスプローラー] で、Default.aspxを右クリックし、[スタート ページに設定] を選択します。
Ctrl キーを押しながら F5 キーを押して、ブラウザーで Web アプリケーションを実行します。ホーム ページ Default.aspx が表示されます。
[!メモ]
この操作により、Web パフォーマンス テストの対象となる Web アプリケーションを実行する ASP.NET 開発サーバーが起動します。ASP.NET 開発サーバーのアイコンが、タスク バーの右隅の通知領域に表示されます。
Web アプリケーションのアドレスをクリップボードまたはメモ帳ファイルにコピーします。このアドレスはチュートリアルの後半で必要になります。たとえば、アドレスは "https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx" のようになります。
[Go to Log In] を選択します。ページ Login.aspx が開きます。
テキスト ボックスに自分の名前を入力し、[ログイン] を選択します。ホーム ページが開きます。
[Product 1] を選択します。ページ Product1.aspx が開きます。
[カートに追加] を選択します。ホーム ページが開きます。
[Product 2] を選択します。ページ Product2.aspx が開きます。
[カートに追加] を選択します。ホーム ページが開きます。
[ショッピング カート] を選択します。ページ Cart.aspx が開きます。
[購入] を選択します。ホーム ページが開きます。
[Go to Log Out] を選択します。ページ Logout.aspx が開きます。
[Log Out] を選択します。ホーム ページが開きます。
Web ブラウザーを閉じます。
Web パフォーマンス テストの作成
これで、このアプリケーションをテストする Web パフォーマンス テストを作成する準備ができました。
Web パフォーマンス テスト アプリケーションを作成するには
Visual Studio Ultimateの新しいインスタンスで、[ファイル] で、メニューのをポイントし、[新規作成]プロジェクトを選択します。
[新しいプロジェクト] ダイアログ ボックスが表示されます。
[インストールされたテンプレート] で、必要に応じて [Visual Basic] または [Visual C#] を展開し、[テスト] ノードを選択します。
テンプレートの一覧で、[Web パフォーマンスとロード テストのプロジェクト] を選択します。
[プロジェクト名] ボックスに「ShoppingWebAppTest」と入力します。
[場所] ボックスに、Web アプリケーションを保存したフォルダーの名前を入力します。たとえば、「C:\WebSites\ShoppingWebApp」というフォルダー名を入力します。
[OK] をクリックします。
WebTest1.webtest という名前の Web パフォーマンス テストが含まれている Web パフォーマンス テストおよびロード テスト プロジェクトが作成されます。
ソリューション エクスプローラーで、ショートカット メニューを開くこと、および [名前の変更] を選択すると、WebTest1.webtest を選択します。テスト WebTest1.webtestの名前を変更します。
ソリューション エクスプローラーで、WebTest1.webtest を選択し、ショートカット メニューを開き、を [開く] を選択します。
Web パフォーマンス テスト エディターに表示されます。
Web パフォーマンス テスト エディターで、ツール バーから [記録の追加] を選択します。
Web テスト レコーダーで、Web ブラウザーを開いてはディスプレイに追加します。
[!メモ]
Web テスト レコーダーを確認できない場合は、それを含むように、Web ブラウザーのアドオンを構成する必要があります。
ブラウザーのアドレス バーに、前の手順でコピーした Web アプリケーション アドレスを入力し、Enter キーを押します。
[!メモ]
Visual Studio は、記録した Web パフォーマンス テスト URL を Web パフォーマンス テスト レコーダーに順次表示します。
[Go to Log In] を選択します。ページ Login.aspx が開きます。
テキスト ボックスに自分の名前を入力し、[ログイン] を選択します。ホーム ページが開きます。
[Product 1] を選択します。ページ Product1.aspx が開きます。
[カートに追加] を選択します。ホーム ページが開きます。
[Product 2] を選択します。ページ Product2.aspx が開きます。
[カートに追加] を選択します。ホーム ページが開きます。
[ショッピング カート] を選択します。ページ Cart.aspx が開きます。
[購入] を選択します。ホーム ページが開きます。
[Go to Log Out] を選択します。ページ Logout.aspx が開きます。
[Log Out] を選択します。ホーム ページが開きます。
記録を停止します [Web Performance Test Recorder] の [停止] を選択します。
Internet Explorer が閉じ、Web パフォーマンス テストが Web パフォーマンス テスト エディターに URL の一覧として表示されます。記録を停止すると、テストを変更できます。
[ファイル] で、メニューの [すべて保存] を選択します。
Web パフォーマンス テスト アプリケーションを実行するには
[Web Performance Test Editor] で、ツール バーの [テストの実行] を選択します。
テストの実行が開始され、テストに含まれる各要求が Web パフォーマンス テスト結果ビューアーに表示されます。[テスト結果] ウィンドウにテスト全体の結果が表示されます。
[テスト結果] ウィンドウで、テストが成功したことを確認します。
Web パフォーマンス テスト結果ビューアーの一覧で要求をいくつか選択し、Web ブラウザーの下のペインに表示される結果を調べます。テストが正しく実行されていることを確認します。
新しい Web パフォーマンス テストの抽出
既存の Web パフォーマンス テストから個別の要求を抽出することで、新しい Web パフォーマンス テストを作成できます。詳細については、「方法: 新しい Web パフォーマンス テストを作成するために既存の Web パフォーマンス テストから要求を抽出する」を参照してください。
既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを抽出するには
Web パフォーマンス テスト エディターで WebTest1 を開きます。
要求ツリーでを右クリックし、を [Web テストの抽出] WebTest1 を選択します。
[Web テストの抽出] ダイアログ ボックスが表示されます。
[Web テスト名] に「Login」と入力します。
[Web テストの最初の項目を選択] ドロップダウンで最初の要求を選択します。要求は次のようになります。
https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx
[Web テストの最後の項目を選択] ボックスの 3 つ目の要求をクリックします。要求は次のようになります。
https://localhost:<PortNumber>/ShoppingWebApp/Login.aspx
[OK] をクリックします。
Login という名前の新しい Web パフォーマンス テストが作成されます。Web パフォーマンス テスト エディターの要求ツリーで、抽出した個々の要求の代わりに Login が追加されます。ソリューション エクスプローラーで、プロジェクト リストに Login.webtest が追加されます。
要求ツリーでを右クリックし、を [Web テストの抽出] WebTest1 を選択します。
[Web テストの抽出] ダイアログ ボックスが表示されます。
[Web テスト名] に「BrowseAndBuy」と入力します。
[Web テストの最初の項目を選択] ドロップダウンで Login の後の最初の要求を選択します。要求は次のようになります。
https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx
[Web テストの最後の項目を選択] ドロップダウンで 6 つ目の要求を選択します。要求は次のようになります。
https://localhost:<PortNumber>/ShoppingWebApp/Cart.aspx
[OK] をクリックします。
BrowseAndBuy という名前の新しい Web パフォーマンス テストが作成されます。Web パフォーマンス テスト エディターの要求ツリーに、抽出した個々の要求の代わりとして BrowseAndBuy が追加されます。ソリューション エクスプローラーで、プロジェクト リストに BrowseAndBuy.webtest が追加されます。
要求ツリーでを右クリックし、を [Web テストの抽出] WebTest1 を選択します。
[Web テストの抽出] ダイアログ ボックスが表示されます。
[Web テスト名] に「Logout」と入力します。
[Web テストの最初の項目を選択] ドロップダウンで BrowseAndBuy の後の最初の要求を選択します。要求は次のようになります。
https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx
[Web テストの最後の項目を選択] ドロップダウンで最後の要求を選択します。要求は次のようになります。
https://localhost:<PortNumber>/ShoppingWebApp/Logout.aspx
[OK] をクリックします。
Logout という名前の新しい Web パフォーマンス テストが作成されます。Web パフォーマンス テスト エディターの要求ツリーで、抽出した個々の要求の代わりに Logout が追加されます。ソリューション エクスプローラーで、プロジェクト リストに Logout.webtest が追加されます。
Web パフォーマンス テスト要求ツリーに要求が残っていないことを確認します。つまり、WebTest1 は完全に他の Web パフォーマンス テストの呼び出しで構成されています。
[ファイル] で、メニューの [すべて保存] を選択します。
Web パフォーマンス テスト アプリケーションを実行するには
[Web Performance Test Editor] で、ツール バーの [テストの実行] を選択します。
テストの実行が開始され、テストに含まれる各要求が Web パフォーマンス テスト結果ビューアーに表示されます。[テスト結果] ウィンドウにテスト全体の結果が表示されます。
[テスト結果] ウィンドウで、テストが成功したことを確認します。
Web パフォーマンス テスト結果ビューアーの一覧で要求をいくつか選択し、Web ブラウザーの下のペインに表示される結果を調べます。テストが正しく実行されていることを確認します。
[!メモ]
Web パフォーマンス テスト結果ビューアーのツリーには、WebTest1.Login、WebTest1.BrowseAndBuy、WebTest1.Logout という 3 つの折りたたみ可能なノードが表示されています。これにより、テストの各部をより簡単に検証できます。
新しい Web パフォーマンス テストの作成
既存の Web パフォーマンス テストを組み合わせることにより、新しい Web パフォーマンス テストを作成できます。詳細については、「方法: Web パフォーマンス テストに別の Web パフォーマンス テストへの呼び出しを挿入する」を参照してください。
既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを作成するには
ソリューション エクスプローラーで、[ShoppingWebAppTest] の Web パフォーマンス テストおよびロード テスト プロジェクトのショートカット メニューを開き、[追加] を選択します。次 [Web パフォーマンス テスト] を選択します。
WebTest2.webtest という名前の新しい Web パフォーマンス テスト ファイルが追加され、Internet Explorer の新しいインスタンス内でプロジェクト名 [Web Performance Test Recorder] を開きます。
参照せずに記録を停止します [Web Performance Test Recorder] の [停止] を選択します。
Internet Explorer が閉じ、Web パフォーマンス テスト エディターに Web パフォーマンス テストが表示されます。参照しなかったため、このテストは空です。
要求ツリーで、を右クリック [WebTest2] は、[Web テストの呼び出しの追加] を選択します。
テストの選択 ダイアログ ボックスが表示されます。
ログインを選択し、[OK] を選択します。要求ツリーに Login Web パフォーマンス テストが追加されます。
要求ツリーで、を右クリック [WebTest2] は、[Web テストの呼び出しの追加] を選択します。
テストの選択 ダイアログ ボックスが表示されます。
BrowseAndBuy を選択し、[OK] を選択します。要求ツリーに BrowseAndBuy Web パフォーマンス テストが追加されます。
要求ツリーで、を右クリック [WebTest2] は、[Web テストの呼び出しの追加] を選択します。
テストの選択 ダイアログ ボックスが表示されます。
ログアウトを選択し、[OK] を選択します。要求ツリーに Logout Web パフォーマンス テストが追加されます。
[ファイル] で、メニューの [すべて保存] を選択します。
Web パフォーマンス テスト アプリケーションを実行するには
[Web Performance Test Editor] で、ツール バーの [テストの実行] を選択します。
テストの実行が開始され、テストに含まれる各要求が Web パフォーマンス テスト結果ビューアーに表示されます。[テスト結果] ウィンドウにテスト全体の結果が表示されます。
[テスト結果] ウィンドウで、テストが成功したことを確認します。
Web パフォーマンス テスト結果ビューアーの一覧で要求をいくつか選択し、Web ブラウザーの下のペインに表示される結果を調べます。テストが正しく実行されていることを確認します。
次の手順
Web パフォーマンス テストを作成できたので、それをロード テストに追加できます。仮想ユーザーごとにログインとログアウトのステップを 1 回のみ実行し、仮想ユーザーごとに BrowseAndBuy ステップを複数回テストするロード テストを作成できます。
参照
処理手順
方法: Web パフォーマンス テスト レコーダーを使用して新しい Web パフォーマンス テストを作成する
方法: Web パフォーマンス テスト エディターを使用して既存の Web パフォーマンス テストを編集する