チュートリアル : ログインとログアウトを要求する Web テストの作成
更新 : 2007 年 11 月
このチュートリアルでは、ログインとログアウトの処理を含む単純なアプリケーションを作成します。このアプリケーションはショッピング アプリケーションをシミュレートしますが、機能コードは含んでいません。最後に、アプリケーションをテストする Web テストを作成します。
このチュートリアルでは次のタスクを行います。
簡単な Web アプリケーションを作成します。
Web テストを作成します。
既存の Web テストから新しい Web テストを抽出します。
既存の Web テストから新しい Web テストを作成します。
前提条件
このチュートリアルに必要な条件は次のとおりです。
Microsoft Visual Studio 2005
Visual Studio Team System Test Edition
Web アプリケーションの作成
Web アプリケーションを作成するには
Microsoft Visual Studio 2005 で、[ファイル] メニューの [新規作成] をポイントし、[Web サイト] をクリックします。
[新しい Web サイト] ダイアログ ボックスが表示されます。
[Visual Studio にインストールされたテンプレート] の [ASP.NET Web サイト] をクリックします。
[場所] ボックスで、[ファイル システム] をクリックし、Web アプリケーションを格納するフォルダの名前を入力します。フォルダ名の末尾は ShoppingWebApp\ShoppingWebApp としてください。たとえば、「C:\WebSites\ShoppingWebApp\ShoppingWebApp」というフォルダ名を入力します。
.gif "メモ")
メモ :ColorWebApp という名前を 2 度含めることで、Web テスト プロジェクトが最初のフォルダに追加され、2 番目のフォルダに配置される Web アプリケーション自体と分離されます。
[言語] ボックスの一覧で、使用するプログラミング言語を選択します。
メモ :このチュートリアルでは、最小限のコードを作成します。
[OK] をクリックします。
[ファイル] メニューの [すべてを保存] をクリックします。
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 テスト アプリケーションを作成するには
Test Edition の新しいインスタンスで、[ファイル] メニューの [新規] をポイントし、[プロジェクト] をクリックします。
[新しいプロジェクト] ダイアログ ボックスが表示されます。
[プロジェクト] で、必要に応じて [Visual Basic] または [Visual C#] を展開し、[テスト] ノードを選択します。
[Visual Studio にインストールされたテンプレート] の [テスト プロジェクト] をクリックします。
[プロジェクト名] ボックスに「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 テスト エディタで 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 テスト] を選択し、テスト名を「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 ステップを複数回テストするロード テストを作成できます。