チュートリアル : 簡単な Web アプリケーションの作成
更新 : 2007 年 11 月
このチュートリアルでは、「チュートリアル : Web テストの記録と実行」の Web テストのベースとなる簡単な Web アプリケーションを作成します。
サンプル Web テストを作成するためには、任意に変更できる Web アプリケーションを使用する必要があります。
このチュートリアルでは次のタスクを行います。
簡単な Web アプリケーションを作成します。
Web アプリケーションを手動でテストします。
前提条件
このチュートリアルに必要な条件は次のとおりです。
- Microsoft Visual Studio 2005
Web アプリケーションの作成
Web アプリケーションを作成するには
Microsoft Visual Studio 2005 で、[ファイル] メニューの [新規作成] をポイントし、[Web サイト] をクリックします。
[新しい Web サイト] ダイアログ ボックスが表示されます。
[Visual Studio にインストールされたテンプレート] の [ASP.NET Web サイト] をクリックします。
[場所] ボックスで、[ファイル システム] をクリックし、Web アプリケーションを格納するフォルダの名前を入力します。フォルダ名の最後は「ColorWebApp\ColorWebApp」にしてください。たとえば、「C:\WebSites\ColorWebApp\ColorWebApp」というフォルダ名を入力します。
メモ : ColorWebApp という名前を 2 度含めることで、Web テスト プロジェクトが最初のフォルダに追加され、2 番目のフォルダに配置される Web アプリケーション自体と分離されます。
[言語] ボックスで、使用するプログラミング言語を選択します。
メモ : このチュートリアルでは、最小限のコードを作成します。
[OK] をクリックします。
Web アプリケーションへのコントロールの追加
Web アプリケーションにコントロールを追加するには
ソリューション エクスプローラで、Default.aspx を右クリックし、[ビュー デザイナ] をクリックします。
空のページが表示されます。
ツールボックスが表示されていない場合は、[表示] をクリックし、[ツールボックス] をクリックします。
[標準] グループから、RadioButtonList をページにドラッグします。
RadioButtonList コントロールがデザイン サーフェイスに追加されます。
[RadioButtonList タスク] スマート タグ ペインで、[EditItems] リンクをクリックします。
ListItem コレクション エディタが表示されます。
メモ : ListItem コレクション エディタは、[プロパティ] ウィンドウで [項目] コレクションを編集することでも表示できます。
[追加] をクリックし、新しい項目を追加します。
[ListItem プロパティ] で、次の操作を行います。
Text プロパティを「Red」に変更します。
Selected プロパティを True に設定します。
[追加] をクリックして、もう 1 つの項目を追加します。
[ListItem プロパティ] の Text プロパティを「Blue」に変更します。
[OK] をクリックして項目コレクション エディタを閉じます。
Button をページにドラッグし、その Text プロパティを「Submit」に変更します。
[ファイル] メニューの [すべてを保存] をクリックします。
Web アプリケーションへのページの追加
Web アプリケーションにページを追加するには
[Web サイト] メニューの [新しい項目の追加] をクリックします。
[新しい項目の追加] ダイアログ ボックスで、[Web フォーム] テンプレートをクリックし、「Red.aspx」という名前を付けて、[追加] をクリックします。
ドキュメント ウィンドウの下部にある [デザイン] タブをクリックして、デザイン ビューに切り替えます。
Label をページにドラッグします。Text プロパティを「Red」に設定し、ForeColor プロパティを [赤] に設定します。
[Web サイト] メニューの [新しい項目の追加] をクリックします。
[新しい項目の追加] ダイアログ ボックスで、[Web フォーム] テンプレートをクリックし、「Blue.aspx」という名前を付けて、[追加] をクリックします。
ドキュメント ウィンドウの下部にある [デザイン] タブをクリックして、デザイン ビューに切り替えます。
Label をページにドラッグします。Text プロパティを「Blue」に設定し、ForeColor プロパティを [青] に設定します。
[ファイル] メニューの [すべてを保存] をクリックします。
Web アプリケーションへの機能の追加
Web アプリケーションに機能を追加するには
ソリューション エクスプローラで、Default.aspx を右クリックし、[ビュー デザイナ] をクリックします。
[SubmitButton] をダブルクリックします。Visual Studio がページ コードに切り替わり、Button コントロールの Click イベントのスケルトン イベント ハンドラが作成されます。
イベント ハンドラに次のコードを追加します。
if (this.RadioButtonList1.SelectedValue == "Blue") { Response.Redirect("Blue.aspx"); } else { Response.Redirect("Red.aspx"); }
If RadioButtonList1.SelectedValue = "Blue" Then Response.Redirect("Blue.aspx") Else Response.Redirect("Red.aspx") End If
[ファイル] メニューの [すべてを保存] をクリックします。
Web アプリケーションの手動テスト
Web アプリケーションを手動でテストするには
ソリューション エクスプローラで、Default.aspx を右クリックし、[スタート ページに設定] をクリックします。
Ctrl キーを押しながら F5 キーを押して、ブラウザで Web アプリケーションを実行します。最初のページが表示されます。
[Red] をクリックし、[Submit] をクリックします。アプリケーションが正常に動作していれば、"Red" という Label のあるページに移動します。
最初のページに戻ります。
[Blue] をクリックし、[Submit] をクリックします。アプリケーションが正常に動作していれば、"Blue" という Label のあるページに移動します。
次の手順
このチュートリアルでは、簡単な Web アプリケーションを作成し、手動でテストしました。これで、このアプリケーションをテストする Web テストを作成する準備ができました。詳細については、「チュートリアル : Web テストの記録と実行」を参照してください。