通过

演练：创建一个需要登录和注销的 Web 测试

  • 项目

更新：2007 年 11 月

在本演练中，您将创建一个简单的 Web 应用程序，其中包含一个登录步骤和一个注销步骤。该应用程序模拟一个购物应用程序，但不包含功能性代码。最后，您将创建一个 Web 测试来测试该应用程序。

在本演练中，您将执行以下任务：

  • 创建一个简单 Web 应用程序。

  • 创建一个 Web 测试。

  • 从现有 Web 测试中提取新 Web 测试。

  • 根据现有 Web 测试合成新 Web 测试。

先决条件

本演练需要：

  • Microsoft Visual Studio 2005

  • Visual Studio Team System Test Edition

创建 Web 应用程序

创建 Web 应用程序

  1. 在 Microsoft Visual Studio 2005 的“文件”菜单上，单击“新建”，再单击“网站”。

    随即出现“新建网站”对话框。

  2. 在“Visual Studio 已安装的模板”下单击“ASP.NET 网站”。

  3. 在“位置”框中选择“文件系统”，然后键入要保存 Web 应用程序的文件夹的名称。文件夹名称应当以 ShoppingWebApp\ShoppingWebApp 结尾。例如，键入文件夹名称 C:\WebSites\ShoppingWebApp\ShoppingWebApp。

    说明：

    输入该名称两次，以便能将 Web 测试项目添加到第一个文件夹中，它和第二个文件夹中的 Web 应用程序是分开的。

  4. 在“语言”列表中，选择您想使用的编程语言。

    说明：

    在本演练中，您将编写少量的代码。

  5. 单击“确定”。

  6. 在“文件”菜单上单击“全部保存”。

为 Web 应用程序创建主页

  1. 在“解决方案资源管理器”中右击 Default.aspx，并单击“视图设计器”。

    随即显示一个空白页。

  2. 如果工具箱不可见，请单击“视图”，再单击“工具箱”。

  3. 从“标准”组中，将五个按钮拖放到页上。使用下表完成此步骤。

    说明：

    双击每个按钮打开按钮单击事件并添加代码。

    控件

    Text 属性

    按钮单击代码

    Button1

    转向登录

    Response.Redirect("Login.aspx")

    Button2

    产品 1

    Response.Redirect("Product1.aspx")

    Button3

    产品 2

    Response.Redirect("Product2.aspx")

    Button4

    购物车

    Response.Redirect("Cart.aspx")

    Button5

    转向注销

    Response.Redirect("Logout.aspx")

  4. 在“文件”菜单上，单击“全部保存”。

向 Web 应用程序添加页

  1. 在“网站”菜单上单击“添加新项”。

  2. 在“添加新项”对话框中单击“Web 窗体”模板，将其命名为 Login.aspx，再单击“添加”。

  3. 在文档窗口的底部，单击“设计”选项卡以切换到设计视图。

  4. 将一个按钮拖放到该页上。

  5. 将一个文本框拖放到该页上。

  6. 重复步骤 1 到步骤 4 多次。使用下表完成此步骤：

    网页

    控件

    Text 属性

    按钮单击代码

    Login.aspx

    TextBox1

    -

    -

    Login.aspx

    Button1

    登录

    Response.Redirect("Default.aspx")

    Product1.aspx

    Button1

    放入购物车

    Response.Redirect("Default.aspx")

    Product2.aspx

    Button1

    放入购物车

    Response.Redirect("Default.aspx")

    Cart.aspx

    Button1

    购买

    Response.Redirect("Default.aspx")

    Logout.aspx

    Button1

    注销

    Response.Redirect("Default.aspx")
    说明：

    此 Web 应用程序不包含真正的功能。提交每一页都将用户返回主页。但此功能足以实现本演练的目的。

  7. 在“文件”菜单上，单击“全部保存”。

手动测试 Web 应用程序

  1. 在“解决方案资源管理器”中右击 Default.aspx，再单击“设为起始页”。

  2. 按 Ctrl+F5 在浏览器中运行该 Web 应用程序。您将看到主页 Default.aspx。

    说明：

    这将启动 ASP.NET Development Server，它会运行 Web 测试要测试的 Web 应用程序。您将在任务栏最右侧的通知区域中看到 ASP.NET Development Server 图标。

  3. 将 Web 应用程序的地址复制到剪贴板或记事本文件中。本演练后面的步骤中需要用到该地址。例如，该地址可能如下所示：https://localhost:<端口号>/ShoppingWebApp/Default.aspx

  4. 单击“转向登录”[Go to Log In]。将打开 Login.aspx 页。

  5. 在文本框中键入您的姓名，然后单击“登录”。将打开主页。

  6. 单击“产品 1”[Product 1]。将打开 Product1.aspx 页。

  7. 单击“放入购物车”[Add to Cart]。将打开主页。

  8. 单击“产品 2”[Product 2]。将打开 Product2.aspx 页。

  9. 单击“放入购物车”[Add to Cart]。将打开主页。

  10. 单击“购物车”[Shopping Cart]。将打开 Cart.aspx 页。

  11. 单击“购买”。将打开主页。

  12. 单击“转向注销”[Go to Log Out]。将打开 Logout.aspx 页。

  13. 单击“注销”。将打开主页。

  14. 关闭 Web 浏览器。

创建 Web 测试

接下来可以创建一个 Web 测试，以测试此应用程序。

创建 Web 测试应用程序

  1. 在 Test Edition 的新实例中，在“文件”菜单上指向“新建”，然后单击“项目”。

    随即出现“新建项目”对话框。

  2. 在“项目”下，根据您的喜好展开“Visual Basic”或“Visual C#”，然后选择“测试”节点。

  3. 在“Visual Studio 已安装的模板”下单击“测试项目”。

  4. 在“名称”框中键入 ShoppingWebAppTest。

  5. 在“位置”框中，键入保存 Web 应用程序的文件夹的名称。例如，键入文件夹名称 C:\WebSites\ShoppingWebApp。

  6. 单击“确定”。

    测试项目即创建完毕。

    说明：

    默认情况下，Visual Studio 将添加一个单元测试文件和一个文本文件，其中包含有关创作测试的信息。本演练不需要这些文件。所以，您可以将它们删除。如果您不删除这些文件，它们也不会影响演练。

  7. 在“测试”菜单上单击“新建测试”。

    随即出现“添加新测试”对话框。

  8. 在“添加新测试”对话框中，选择“Web 测试”，将该测试命名为 WebTest1.webtest，然后单击“确定”。

    新的 Web 测试文件 WebTest1.webtest 即添加到您的项目中，并且“Web 测试记录器”在 Internet Explorer 的一个新实例中打开。

  9. 在浏览器的地址栏中，键入在上一步中复制的 Web 应用程序的地址，然后按 Enter。

    说明：

    Visual Studio 会在记录 Web 测试的同时开始在“Web 测试记录器”中显示该测试的 URL。

  10. 单击“转向登录”[Go to Log In]。将打开 Login.aspx 页。

  11. 在文本框中键入您的姓名，然后单击“登录”。将打开主页。

  12. 单击“产品 1”[Product 1]。将打开 Product1.aspx 页。

  13. 单击“放入购物车”[Add to Cart]。将打开主页。

  14. 单击“产品 2”[Product 2]。将打开 Product2.aspx 页。

  15. 单击“放入购物车”[Add to Cart]。将打开主页。

  16. 单击“购物车”[Shopping Cart]。将打开 Cart.aspx 页。

  17. 单击“购买”。将打开主页。

  18. 单击“转向注销”[Go to Log Out]。将打开 Logout.aspx 页。

  19. 单击“注销”。将打开主页。

  20. 在“Web 测试记录器”上单击“停止”以停止记录。

    Internet Explorer 将关闭，您将看到该 Web 测试以 URL 列表的形式出现在“Web 测试编辑器”中。停止记录之后，可以修改测试。

  21. 在“文件”菜单上，单击“全部保存”。

运行 Web 测试应用程序

  1. 在“Web 测试编辑器”中，单击工具栏上的“运行测试”。

    测试开始运行，并且该测试中的每个请求将显示在“Web 测试查看器”中。整个测试的结果显示在“测试结果”窗口中。

  2. 在“测试结果”窗口中，验证是否通过了测试。

  3. 在“Web 测试查看器”中，选择列表中的某些请求，然后检查 Web 浏览器下面的窗格中显示的结果。验证测试是否运行正常。

提取新 Web 测试

通过从现有 Web 测试中提取单个请求来创建新的 Web 测试。有关更多信息，请参见如何：提取 Web 测试。

从现有 Web 测试中提取新 Web 测试

  1. 在“Web 测试编辑器”中打开 WebTest1。

  2. 在请求树中，右击“WebTest1”，再单击“提取 Web 测试”。

    随即出现“提取 Web 测试”对话框。

  3. 在“Web 测试名”中键入 Login。

  4. 在“请对该 Web 测试选择第一项”下拉列表中选择第一个请求。该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Default.aspx

  5. 在“请对该 Web 测试选择最后一项”下拉列表中选择第三个请求。该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Login.aspx

  6. 单击“确定”。

    名为 Login 的新 Web 测试即创建完毕。在“Web 测试编辑器”中，Login 被添加到请求树中，以代替您提取的单个请求。在“解决方案资源管理器”中，Login.webtest 被添加到项目列表中。

  7. 在请求树中，右击“WebTest1”，再单击“提取 Web 测试”。

    随即出现“提取 Web 测试”对话框。

  8. 在“Web 测试名”中键入 BrowseAndBuy。

  9. 在“请对该 Web 测试选择第一项”下拉列表中选择 Login 之后的第一个请求。该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Default.aspx

  10. 在“请对该 Web 测试选择最后一项”列表中选择第六个请求。该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Cart.aspx

  11. 单击“确定”。

    名为 BrowseAndBuy 的新 Web 测试即创建完毕。在“Web 测试编辑器”中，BrowseAndBuy 被添加到请求树中，以代替您提取的单个请求。在“解决方案资源管理器”中，BrowseAndBuy.webtest 被添加到项目列表中。

  12. 在请求树中，右击“WebTest1”，再单击“提取 Web 测试”。

    随即出现“提取 Web 测试”对话框。

  13. 在“Web 测试名”中键入 Logout。

  14. 在“请对该 Web 测试选择第一项”列表中选择 BrowseAndBuy 之后的第一个请求。该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Default.aspx

  15. 在“请对该 Web 测试选择最后一项”列表中选择最后一个请求。该请求应如下所示：

    https://localhost:<端口号>/ShoppingWebApp/Logout.aspx

  16. 单击“确定”。

    名为 Logout 的新 Web 测试即创建完毕。在“Web 测试编辑器”中，Logout 被添加到请求树中，以代替您提取的单个请求。在“解决方案资源管理器”中，Logout.webtest 被添加到项目列表中。

  17. 确认 Web 测试请求树中没有剩余的单个请求。即，WebTest1 现在只包含对其他 Web 测试的调用。

  18. 在“文件”菜单上，单击“全部保存”。

运行 Web 测试应用程序

  1. 在“Web 测试编辑器”中，单击工具栏上的“运行测试”。

    测试开始运行，并且该测试中的每个请求将显示在“Web 测试查看器”中。整个测试的结果显示在“测试结果”窗口中。

  2. 在“测试结果”窗口中，验证是否通过了测试。

  3. 在“Web 测试查看器”中，选择列表中的某些请求，然后检查 Web 浏览器下面的窗格中显示的结果。验证测试是否运行正常。

    说明：

    在“Web 测试查看器”中，现在树中存在名为 WebTest1.Login、WebTest1.BrowseAndBuy 和 WebTest1.Logout 的可折叠节点。这样可以帮助您更轻松地复查测试的各部分。

合成新 Web 测试

可以通过合成现有 Web 测试来创建新的 Web 测试。有关更多信息，请参见如何：插入对另一个 Web 测试的调用。

根据现有 Web 测试合成新 Web 测试

  1. 在“测试”菜单上单击“新建测试”。

    随即出现“添加新测试”对话框。

  2. 在“添加新测试”对话框中，选择“Web 测试”，将该测试命名为 AllTest.webtest，然后单击“确定”。

    新的 Web 测试文件 AllTest.webtest 即添加到您的项目中，并且“Web 测试记录器”在 Internet Explorer 的一个新实例中打开。

  3. 在“Web 测试记录器”上单击“停止”，以停止记录而不进行浏览。

    Internet Explorer 将关闭，您将在“Web 测试编辑器”中看到该 Web 测试。因为您未进行浏览，所以该测试是空的。

  4. 在请求树中，右击“AllTest”，再单击“向 Web 测试中添加调用”。

    随即出现“请选择测试”对话框。

  5. 单击“Login”，再单击“确定”。“Login”Web 测试即添加到请求树中。

  6. 在请求树中，右击“AllTest”，再单击“向 Web 测试中添加调用”。

    随即出现“请选择测试”对话框。

  7. 单击“BrowseAndBuy”，再单击“确定”。“BrowseAndBuy”Web 测试即添加到请求树中。

  8. 在请求树中，右击“AllTest”，再单击“向 Web 测试中添加调用”。

    随即出现“请选择测试”对话框。

  9. 单击“Logout”，再单击“确定”。“Logout”Web 测试即添加到请求树中。

  10. 在“文件”菜单上，单击“全部保存”。

运行 Web 测试应用程序

  1. 在“Web 测试编辑器”中，单击工具栏上的“运行测试”。

    测试开始运行，并且该测试中的每个请求将显示在“Web 测试查看器”中。整个测试的结果显示在“测试结果”窗口中。

  2. 在“测试结果”窗口中，验证是否通过了测试。

  3. 在“Web 测试查看器”中，选择列表中的某些请求，然后检查 Web 浏览器下面的窗格中显示的结果。验证测试是否运行正常。

后续步骤

有了 Web 测试后，可以将其添加到负载测试中。您可以创建一个负载测试，对每个虚拟用户，仅执行 Login 和 Logout 步骤一次，而对每个虚拟用户，测试 BrowseAndBuy 步骤多次。

请参见

任务

如何：记录 Web 测试

如何：编辑现有的 Web 测试

概念

运行和查看 Web 测试

其他资源

Web 测试演练