Export (0) Print
Expand All
3 out of 7 rated this helpful - Rate this topic

Walkthrough: Creating a Simple Web Application

In this walkthrough, you will create a simple Web application to use as the basis for a Web test in Walkthrough: Recording and Running a Web Test.

For the purpose of creating a sample Web test, you should use a Web application to which you can make arbitrary changes.

In this walkthrough, you will perform the following tasks:

  • Create a simple Web application.

  • Test the Web application manually.

For this walkthrough you will need:

  • Microsoft Visual Studio 2005

To create the Web application

  1. In Microsoft Visual Studio 2005, on the File menu, click New and then click Web Site.

    The New Web Site dialog box appears.

  2. Under Visual Studio installed templates, click ASP.NET Web Site.

  3. In the Location box, select File System, and then type the name of the folder where you want to keep your Web application. Make the end of the folder name ColorWebApp\ColorWebApp. For example, type the folder name C:\WebSites\ColorWebApp\ColorWebApp.

    NoteNote

    Include the name two times so that you can add a Web test project to the first folder, and it will be separated from the Web application itself in the second folder.

  4. In the Language list, choose the programming language you prefer.

    NoteNote

    You will write minimal code in this walkthrough.

  5. Click OK.

To add controls to the Web application

  1. In Solution Explorer, right-click Default.aspx and choose View Designer.

    A blank page is displayed.

  2. If the toolbox is not visible click View and then click Toolbox.

  3. From the Standard group, drag a RadioButtonList onto the page.

    A RadioButtonList control is added to the design surface.

  4. On the RadioButtonList Tasks smart tag pane, click the EditItems link.

    A ListItem Collection Editor appears.

    NoteNote

    You can also display the ListItem Collection Editor by editing the Items collection from the Properties window.

  5. Click Add to add a new item.

  6. Under ListItem properties:

    1. Change the Text property to Red.

    2. Set the Selected property to True.

  7. Click Add to add another item.

  8. Under ListItem properties change the Text property to Blue.

  9. Click OK to close the ListItem Collection Editor.

  10. Drag a Button onto the page and change the Text property to Submit.

  11. On the File menu, click Save All.

To add pages to the Web application

  1. On the Website menu, click Add New Item.

  2. In the Add New Item dialog box, click the Web Form template, name it Red.aspx, and then click Add.

  3. At the bottom of the document window, click the Design tab to switch to design view.

  4. Drag a Label onto the page. Set the Text property to Red, and the ForeColor property to Red.

  5. On the Website menu, click Add New Item.

  6. In the Add New Item dialog box, click the Web Form template, name it Blue.aspx, and then click Add.

  7. At the bottom of the document window, click the Design tab to switch to design view.

  8. Drag a Label onto the page. Set the Text property to Blue, and the ForeColor property to Blue.

  9. On the File menu, click Save All.

To add functionality to the Web application

  1. In Solution Explorer right-click Default.aspx and click View Designer.

  2. Double-click the Submit Button. Visual Studio switches to the page code, and creates a skeleton event handler for the Button control's Click event.

  3. Add the following code to the event handler:

    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
    

  4. On the File menu, click Save All.

To test the Web application manually

  1. In Solution Explorer, right-click Default.aspx and then click Set As Start Page.

  2. Press CTRL+F5 to run the Web application in the browser. You will see the first page.

  3. Click Red and then click Submit. If the application is working correctly you will go to the page with the Label that says Red.

  4. Go back to the first page.

  5. Click Blue and then click Submit. If the application is working correctly you will go to the page with the Label that says Blue.

In this walkthrough you created a simple Web application and tested it manually. Now you are ready to create a Web test that allows you to test this application. For more information, see Walkthrough: Recording and Running a Web Test.

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback

Community Additions

ADD
Show:
© 2014 Microsoft. All rights reserved.