このチュートリアルでは、ログインとログアウトの処理を含む単純なアプリケーションを作成します。 このアプリケーションはショッピング アプリケーションをシミュレートしますが、機能コードは含んでいません。 最後に、アプリケーションをテストする Web パフォーマンス テストを作成します。
このチュートリアルでは、次のタスクを行います。
簡単な Web アプリケーションを作成します。
Web パフォーマンス テストを作成します。
既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを抽出します。
既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを作成します。
必須コンポーネント
このチュートリアルに必要な条件は次のとおりです。
- Visual Studio 2010 Ultimate
Web アプリケーションの作成
Web アプリケーションを作成するには
Visual Studio 2010 Ultimate の [ファイル] メニューの [ファイル] をクリックし、[プロジェクト] をクリックします。
[新しいプロジェクト] ダイアログ ボックスが表示されます。
[インストールされたテンプレート] の下の、使用するプログラミング言語を展開して、[Web] をクリックします。
Web プロジェクトの種類の一覧の [空の ASP.NET アプリケーション] をクリックします。
注意
このチュートリアルでは、最小限のコードを作成します。
[名前] ボックスに「ShoppingWebApp」と入力します。
[場所] ボックスで、Web アプリケーションを作成するフォルダーを指定します。
[ソリューションのディレクトリを作成] チェック ボックスをオンにします。
[OK] をクリックします。
[プロジェクト] メニューの [新しい項目の追加] をクリックします。
[新しい項目の追加] ダイアログ ボックスが表示されます。
項目の一覧で、[Web フォーム] をクリックします。
[名前] ボックスに「Default.aspx」と入力し、[追加] をクリックします。
Web アプリケーションのホーム ページを作成するには
ソリューション エクスプローラーで、Default.aspx を右クリックし、[ビュー デザイナー] をクリックします。
空のページが表示されます。
ツールボックスが表示されていない場合は、[表示] をクリックし、[ツールボックス] をクリックします。
[標準] グループから、5 つのボタンをページにドラッグします。 この手順は、次の表の説明に従って実行してください。
注意
各ボタンをダブルクリックしてボタン クリック イベントを開き、コードを追加します。
コントロール
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 サイト] メニューの [新しい項目の追加] をクリックします。
[新しい項目の追加] ダイアログ ボックスで、[Web フォーム] テンプレートをクリックし、Login.aspx という名前を付けて、[追加] をクリックします。
ドキュメント ウィンドウの下部にある [デザイン] タブをクリックして、デザイン ビューに切り替えます。
ボタンをページ上にドラッグします。
テキスト ボックスをページ上にドラッグします。
手順 1. ～ 4. を 4 回繰り返します。 この手順は、次の表の説明に従って実行してください。
Web ページ
コントロール
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 が開きます。
テキスト ボックスに自分の名前を入力し、[Log In] をクリックします。 ホーム ページが開きます。
[Product 1] をクリックします。 ページ Product1.aspx が開きます。
[Add to Cart] をクリックします。 ホーム ページが開きます。
[Product 2] をクリックします。 ページ Product2.aspx が開きます。
[Add to Cart] をクリックします。 ホーム ページが開きます。
[Shopping Cart] をクリックします。 ページ Cart.aspx が開きます。
[Buy] をクリックします。 ホーム ページが開きます。
[Go to Log Out] をクリックします。 ページ Logout.aspx が開きます。
[Log Out] をクリックします。 ホーム ページが開きます。
Web ブラウザーを閉じます。
Web パフォーマンス テストの作成
これで、このアプリケーションをテストする Web パフォーマンス テストを作成する準備ができました。
Web パフォーマンス テスト アプリケーションを作成するには
Visual Studio 2010 Ultimate の新しいインスタンスで、[ファイル] メニューの [新規] をポイントし、[プロジェクト] をクリックします。
[新しいプロジェクト] ダイアログ ボックスが表示されます。
[インストールされたテンプレート] で、必要に応じて [Visual Basic] または [Visual C#] を展開し、[テスト] ノードを選択します。
テンプレートの一覧の [テスト プロジェクト] をクリックします。
[プロジェクト名] ボックスに「ShoppingWebAppTest」と入力します。
[場所] ボックスに、Web アプリケーションを保存したフォルダーの名前を入力します。 たとえば、「C:\WebSites\ShoppingWebApp」というフォルダー名を入力します。
[OK] をクリックします。
テスト プロジェクトが作成されます。
注意
既定で、Visual Studio によって、単体テスト ファイルとテスト作成に関する情報を含むテキスト ファイルが追加されます。 これらのファイルは、このチュートリアルには必要ありません。 したがって、これらのファイルは削除してかまいません。 削除しなかったとしても、このチュートリアルには影響しません。
[テスト] メニューの [新しいテスト] をクリックします。
[新しいテストの追加] ダイアログ ボックスが表示されます。
[新しいテストの追加] ダイアログ ボックスで、[Web パフォーマンス テスト] を選択し、テスト名を「WebTest1.webtest」と入力して、[OK] をクリックします。
WebTest1.webtest という新しい Web パフォーマンス テスト ファイルがプロジェクトに追加され、Web パフォーマンス テスト レコーダーが Internet Explorer の新しいインスタンスに表示されます。
ブラウザーのアドレス バーに、前の手順でコピーした Web アプリケーション アドレスを入力し、Enter キーを押します。
注意
Visual Studio は、記録した Web パフォーマンス テスト URL を Web パフォーマンス テスト レコーダーに順次表示します。
[Go to Log In] をクリックします。 ページ Login.aspx が開きます。
テキスト ボックスに自分の名前を入力し、[Log In] をクリックします。 ホーム ページが開きます。
[Product 1] をクリックします。 ページ Product1.aspx が開きます。
[Add to Cart] をクリックします。 ホーム ページが開きます。
[Product 2] をクリックします。 ページ Product2.aspx が開きます。
[Add to Cart] をクリックします。 ホーム ページが開きます。
[Shopping Cart] をクリックします。 ページ Cart.aspx が開きます。
[Buy] をクリックします。 ホーム ページが開きます。
[Go to Log Out] をクリックします。 ページ Logout.aspx が開きます。
[Log Out] をクリックします。 ホーム ページが開きます。
Web パフォーマンス テスト レコーダーの [停止] をクリックして、記録を停止します。
Internet Explorer が閉じ、Web パフォーマンス テストが Web パフォーマンス テスト エディターに URL の一覧として表示されます。 記録を停止すると、テストを変更できます。
[ファイル] メニューの [すべてを保存] をクリックします。
Web パフォーマンス テスト アプリケーションを実行するには
Web パフォーマンス テスト エディターで、ツール バーの [テストの実行] をクリックします。
テストの実行が開始され、テストに含まれる各要求が Web パフォーマンス テスト結果ビューアーに表示されます。 [テスト結果] ウィンドウにテスト全体の結果が表示されます。
[テスト結果] ウィンドウで、テストが成功したことを確認します。
Web パフォーマンス テスト結果ビューアーの一覧で要求をいくつか選択し、Web ブラウザーの下のペインに表示される結果を調べます。 テストが正しく実行されていることを確認します。
新しい Web パフォーマンス テストの抽出
既存の Web パフォーマンス テストから個別の要求を抽出することで、新しい Web パフォーマンス テストを作成できます。 詳細については、「方法: 新しい Web パフォーマンス テストを作成するために Web パフォーマンス テストから要求を抽出する」を参照してください。
既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを抽出するには
Web パフォーマンス テスト エディターで WebTest1 を開きます。
要求ツリーで WebTest1 を右クリックし、[Web テストの抽出] をクリックします。
[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 が追加されます。
要求ツリーで WebTest1 を右クリックし、[Web テストの抽出] をクリックします。
[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 が追加されます。
要求ツリーで WebTest1 を右クリックし、[Web テストの抽出] をクリックします。
[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 パフォーマンス テスト エディターで、ツール バーの [テストの実行] をクリックします。
テストの実行が開始され、テストに含まれる各要求が Web パフォーマンス テスト結果ビューアーに表示されます。 [テスト結果] ウィンドウにテスト全体の結果が表示されます。
[テスト結果] ウィンドウで、テストが成功したことを確認します。
Web パフォーマンス テスト結果ビューアーの一覧で要求をいくつか選択し、Web ブラウザーの下のペインに表示される結果を調べます。 テストが正しく実行されていることを確認します。
注意
Web パフォーマンス テスト結果ビューアーのツリーには、WebTest1.Login、WebTest1.BrowseAndBuy、WebTest1.Logout という 3 つの折りたたみ可能なノードが表示されています。 これにより、テストの各部をより簡単に検証できます。
新しい Web パフォーマンス テストの作成
既存の Web パフォーマンス テストを組み合わせることにより、新しい Web パフォーマンス テストを作成できます。 詳細については、「方法: Web パフォーマンス テストに別の Web パフォーマンス テストへの呼び出しを挿入する」を参照してください。
既存の Web パフォーマンス テストから新しい Web パフォーマンス テストを作成するには
[テスト] メニューの [新しいテスト] をクリックします。
[新しいテストの追加] ダイアログ ボックスが表示されます。
[新しいテストの追加] ダイアログ ボックスで、[Web パフォーマンス テスト] を選択し、テスト名を「AllTest.webtest」と入力して、[OK] をクリックします。
AllTest.webtest という新しい Web パフォーマンス テスト ファイルがプロジェクトに追加され、Web パフォーマンス テスト レコーダーが Internet Explorer の新しいインスタンスに表示されます。
Web パフォーマンス テスト レコーダーの [停止] をクリックして、参照せずに記録を停止します。
Internet Explorer が閉じ、Web パフォーマンス テスト エディターに Web パフォーマンス テストが表示されます。 参照しなかったため、このテストは空です。
要求ツリーで AllTest を右クリックし、[Web テストの呼び出しの追加] をクリックします。
[テストの選択] ダイアログ ボックスが表示されます。
Login をクリックし、[OK] をクリックします。 要求ツリーに Login Web パフォーマンス テストが追加されます。
要求ツリーで AllTest を右クリックし、[Web テストの呼び出しの追加] をクリックします。
[テストの選択] ダイアログ ボックスが表示されます。
BrowseAndBuy をクリックし、[OK] をクリックします。 要求ツリーに BrowseAndBuy Web パフォーマンス テストが追加されます。
要求ツリーで AllTest を右クリックし、[Web テストの呼び出しの追加] をクリックします。
[テストの選択] ダイアログ ボックスが表示されます。
Logout をクリックし、[OK] をクリックします。 要求ツリーに Logout Web パフォーマンス テストが追加されます。
[ファイル] メニューの [すべてを保存] をクリックします。
Web パフォーマンス テスト アプリケーションを実行するには
Web パフォーマンス テスト エディターで、ツール バーの [テストの実行] をクリックします。
テストの実行が開始され、テストに含まれる各要求が Web パフォーマンス テスト結果ビューアーに表示されます。 [テスト結果] ウィンドウにテスト全体の結果が表示されます。
[テスト結果] ウィンドウで、テストが成功したことを確認します。
Web パフォーマンス テスト結果ビューアーの一覧で要求をいくつか選択し、Web ブラウザーの下のペインに表示される結果を調べます。 テストが正しく実行されていることを確認します。
次の手順
Web パフォーマンス テストを作成できたので、それをロード テストに追加できます。 仮想ユーザーごとにログインとログアウトのステップを 1 回のみ実行し、仮想ユーザーごとに BrowseAndBuy ステップを複数回テストするロード テストを作成できます。
参照
処理手順
方法: Web パフォーマンス テスト レコーダーを使用して新しい Web パフォーマンス テストを作成する
方法: Web パフォーマンス テスト エディターを使用して既存の Web パフォーマンス テストを編集する