逐步解說：記錄和執行 Web 測試

發行項
08/21/2008

更新：2007 年 11 月

在這個逐步解說中，您將會從瀏覽器記錄建立 Web 測試並驗證其運作正確。

本逐步解說將帶領您使用 Visual Studio Team System Test 版的工具，逐步建立及執行 Web 測試。Web 測試會在 [Web 測試編輯器] 中開啟為 URL 清單，代表 Web 要求。請利用 [Web 測試編輯器] 錄製瀏覽器工作階段 (Session)，以建立 Web 測試。如需 Web 測試的詳細資訊，請參閱使用 Web 測試。

在這個逐步解說中，您將執行下列工作：

建立測試專案
從瀏覽器記錄建立 Web 測試
執行 Web 測試以便驗證它是否正確運作

必要條件

若要完成這個逐步解說，您需要下列項目：

Visual Studio Test 版
您在逐步解說：建立簡單 Web 應用程式中所建立的 Web 應用程式。

準備進行逐步解說

在這個逐步解說中，您不會對自己在逐步解說：建立簡單 Web 應用程式中建立的 Web 應用程式進行任何變更，但需要該應用程式的位址。

準備進行逐步解說

開啟您在逐步解說：建立簡單 Web 應用程式中建立的 Web 應用程式。

按下 CTRL+F5，即可在瀏覽器中執行 Web 應用程式。您應該會看見第一頁。

注意事項：
這會啟動T ASP.NET 程式開發伺服器，該伺服器會執行您的 Web 測試所要測試的 Web 應用程式。您會在工作列最右邊的告知區域中看到「ASP.NET 程式開發伺服器」圖示。

請將您的 Web 應用程式位址複製至 [剪貼簿] 或 [記事本] 檔案。例如，其位址可能像這樣：https://localhost:<PortNumber>/ColorWebApp/Default.aspx
關閉瀏覽器，但 Web 應用程式維持開啟。

建立測試專案

在 Visual Studio 的新執行個體中，於 [檔案] 功能表上，指向 [新增] 然後按一下 [專案]。

[新增專案] 對話方塊隨即出現。
在 [專案] 之下，根據您的偏好，展開 [Visual Basic] 或 [ Visual C#]，並選取 [測試] 節點。

注意事項：

在這個逐步解說中，您將不會撰寫任何程式碼。您為專案所選的語言，將會影響產生 Web 測試時所使用的語言。
在 [Visual Studio 安裝的範本] 下方，選擇 [測試專案]。
在 [名稱] 方塊中輸入 ColorWebAppTest。
在 [位置] 方塊中，輸入儲存 Web 應用程式的資料夾名稱。例如，輸入資料夾名稱 C:\WebSites\ColorWebApp。
清除 [為方案建立目錄] 核取方塊。

注意事項：
在這個逐步解說中，您將不會撰寫任何程式碼。您為專案所選的語言，將會影響產生 Web 測試時所使用的語言。

按一下 [確定]。

注意事項：
根據預設，Visual Studio 會加入單元測試檔案，以及內含撰寫測試相關資訊的文字檔。在這個逐步解說中，您不需要這些檔案，因此可以將它們刪除。如果您不刪除那些檔案，它們也不會影響逐步解說。

記錄 Web 測試

請以一般使用者的方式瀏覽網站，以錄製 Web 測試。隨著您在網站中移動，要求會予以錄製並加入至 Web 測試。如需如何記錄 Web 測試的詳細資訊，請參閱 HOW TO：記錄 Web 測試。

錄製 Web 測試

在 [測試] 功能表上按一下 [新增測試]。

[加入新測試] 對話方塊隨即出現。
在 [加入新測試] 對話方塊中，選取 [Web 測試]，將測試命名為 ColorWebTest.webtest，然後按一下 [確定]。

一個名為 ColorWebTest.webtest 的新 Web 測試檔便會加入至您的專案中，而且 [Web 測試錄製器] 會在 Internet Explorer 的新執行個體中開啟。
在瀏覽器的網址列中，輸入您在先前步驟中複製的 Web 應用程式位址，然後按下 ENTER。

注意事項：

Visual Studio 會在 [Web 測試錄製器] 中開始顯示所錄製的 Web 測試 URL。
選擇 [Red] 並按一下 [送出]，應該會出現 Label 的網頁，其中寫著 Red。
返回第一頁。
選擇 [Blue] 並按一下 [送出]，應該會出現 Label 的網頁，其中寫著 Blue。
返回第一頁。
在瀏覽器的網址列中，輸入外部網站的位址。例如輸入 https://www.contoso.com。
返回第一頁。
按一下 [Web 測試錄製器] 上的 [停止] 停止錄製。

隨即出現對話方塊，顯示 [正在偵測動態參數] 的訊息。它也會顯示進度列，以呈現收到的 HPTTP 回應中參數偵測的進度。

如果沒有偵測到任何動態參數，對話方塊便會顯示下列訊息：[沒有偵測到任何要提升的動態參數]。接著對話方塊便會關閉。

如果偵測到動態參數，[將動態參數提升至 Web 測試參數] 對話方塊隨即出現。
(選擇性) 在 [將動態參數提升至 Web 測試參數] 對話方塊中，選取您想在執行 Web 測試時套用之提升的核取方塊，然後按一下 [確定]。

現在錄製已經結束，您可以在 [Web 測試編輯器] 中看到 Web 測試顯示成 URL 清單，也可以開始編輯測試。
選擇 [檔案]，然後選擇 [儲存 ColorWebTest.webtest] 儲存剛才錄製的 Web 測試。

注意事項：
Visual Studio 會在 [Web 測試錄製器] 中開始顯示所錄製的 Web 測試 URL。

檢視 Request 屬性

[Web 測試編輯器] 中的 URL 樹狀目錄稱為「要求樹狀目錄」(Request Tree)。您可以在要求樹狀目錄中選取不同的節點，以檢視與各要求相關的屬性。

檢視 request 屬性

在 [Web 測試編輯器] 中，移至要求樹狀目錄，並選取 https://www.contoso.com。
在 [屬性] 視窗中，請注意不同屬性的值，例如 [URL]、[遵循重新導向] 和 [考慮時間]。
請注意這個要求的 [考慮時間] 值為 0。
在 [Web 測試編輯器] 中，移至要求樹狀目錄，並選取 https://www.contoso.com 之前的最後一個項目。
請注意這個要求的 [考慮時間] 大於 0，例如 30 秒。這是您在瀏覽器的網址列中輸入 https://www.contoso.com 所花的時間。

執行 Web 測試以便驗證它是否正確運作

您現在可以執行 Web 測試，以便驗證它是否正確運作。您所錄製的每一個 Web 要求都會重新執行，而且結果也都會收集起來。如需詳細資訊，請參閱執行及檢視 Web 測試。

若要驗證 Web 測試

在 [Web 測試編輯器] 中，按一下工具列上的 [執行測試]。

接著會開始執行測試，而且 [Web 測試檢視器] 會顯示測試中的每一個要求。[測試結果] 視窗會顯示整個測試的結果。下一步，您將會驗證結果。
在 [Web 測試檢視器] 中，選取清單中的第一個要求。

在要求的左側應該會看到一個綠色核取記號。綠色核取記號表示該要求成功執行。您應該會在下方窗格中看到 Web 應用程式的第一頁。
在 [Web 測試檢視器] 中，選取 https://www.contoso.com 的要求。

在要求的左側應該會看到一個綠色核取記號或紅色 X。紅色 X 表示要求失敗。這會在測試完成之後，導致整個測試的結果失敗。根據預設，如果要求失敗，測試的其餘部分不會終止，而是繼續完成。例如，https://www.contoso.com 的外部 Web 要求可能因為防火牆問題而失敗。不過在那之後的要求 (Default.aspx 的要求) 依然會執行並成功。

注意事項：

如果您無法存取區域網路之外的網站，也許應該在 Web 測試中指定 Proxy 伺服器。這將在下一節中詳細描述。
若要第二次執行測試，按一下 [Web 測試編輯器] 最上方的 [按這裡再執行一次]。

注意事項：
如果您無法存取區域網路之外的網站，也許應該在 Web 測試中指定 Proxy 伺服器。這將在下一節中詳細描述。

指定 Proxy 伺服器

如果您在防火牆之外測試網站，當您執行測試時，可能會收到下列錯誤訊息：

RequestFailed: 下列錯誤的發生可能表示您需要在 Web 測試中設定 Proxy 伺服器: 無法解析遠端名稱。

您的 Web 測試很可能包含了外部 URL，例如 https://www.contoso.com。如果您使用 Proxy 存取位於防火牆之外的網站，就必須手動將 Web 測試上的 Proxy 屬性設定為瀏覽器用以檢視網頁的 Proxy 伺服器。請使用 [Web 測試編輯器] 設定 Proxy。

指定 Proxy 伺服器

在 [Web 測試編輯器] 中，移至要求樹狀目錄，並選取根節點。根節點即是 Web 測試的名稱 ColorWebTest。

在 [屬性] 視窗中，找到 [Proxy] 屬性並輸入有效的 Proxy 名稱。請詢問您的網路管理員有關有效的 Proxy 名稱，或輸入 "default" 使用 Internet Explorer 的 Proxy 設定。

警告：
若使用 "default" 做為 Proxy 設定，在負載的情況下執行 Web 測試可能導致效能問題。當您在負載測試中執行 Web 測試時，最好指定 "default" 以外的 Proxy。