測試含有多個 UI 對應的大型應用程式
本主題討論在使用多個 UI 對應來測試大型應用程式時，如何使用自動程式碼 UI 測試。
當您建立新的自動程式碼 UI 測試時，Visual Studio 測試架構預設會在 UIMap 類別中產生測試的程式碼。 如需如何錄製自動程式碼 UI 測試的詳細資訊，請參閱 HOW TO：建立自動程式碼 UI 測試和自動程式碼 UI 測試的結構。
為 UI 對應產生的程式碼會針對與測試互動的每個物件各包含一個類別。 針對每個產生的方法，特別產生方法參數的附屬類別。 如果應用程式中有大量物件、頁面、表單和控制項，UI 對應可能會變得非常大。 此外，如果多人處理測試，只有單一大型 UI 對應檔的應用程式會變得不便使用。
使用多個 UI 對應檔可提供下列優點：
每個對應可與一個應用程式邏輯子集相關聯。 這樣會更容易管理變更。
每個測試人員可以處理應用程式的一部分並簽入其程式碼，而不妨礙處理應用程式其他部分的其他測試人員。
您可採累加的方式擴增應用程式 UI，對 UI 其他部分之測試的影響可降至最低。
您是否需要多個 UI 對應？
在這幾種情況下，建立多個 UI 對應：
一起執行邏輯作業的多組複合 UI 控制項，例如網站上的註冊網頁或購物車的購買網頁。
從應用程式的多點存取的獨立一組控制項，例如具有數頁作業的精靈。 如果精靈的每一頁都是特別複雜，您可以為每一頁各建立一個 UI 對應。
加入多個 UI 對應
若要將 UI 對應加入至專案
在 [方案總管] 的測試專案中建立資料夾以儲存所有 UI 對應，以滑鼠右鍵按一下測試專案檔，指向 [加入]，然後按一下 [新增資料夾]。 例如，將它命名為 UIMaps。
新資料夾隨即出現在測試專案底下。
以滑鼠右鍵按一下 [UIMaps] 資料夾，指向 [加入]，然後按一下 [新增項目]。
接著會顯示 [加入新項目] 對話方塊。
.gif "注意事項")
注意事項您必須在測試專案中，才能加入新的自動程式碼 UI 測試對應。
從清單中選取 [自動程式碼 UI 測試對應]。
在 [名稱] 方塊中，輸入新 UI 對應的名稱。 使用該對應將代表的元件或頁面名稱，例如 HomePageMap。
按一下 [加入]。
[Visual Studio] 視窗會最小化，而 [自動程式碼 UI 測試產生器] 對話方塊隨即顯示。
錄製第一個方法的動作，然後按一下 [產生程式碼]。
當您已錄製第一個元件或頁面的所有動作和判斷提示，並將它們群組在方法中之後，請關閉 [自動程式碼 UI 測試產生器] 對話方塊。
繼續建立 UI 對應。 錄製動作和判斷提示，將它們群組在每個元件的方法中，然後產生程式碼。
在許多情況下，應用程式的最上層視窗對所有精靈、表單和頁面會保持固定。 雖然每個 UI 對應都有最上層視窗的類別，但所有對應可能都會參考應用程式所有元件執行所在的同一個最上層視窗。 自動程式碼 UI 測試會以階層方式由上而下，從最上層視窗開始搜尋控制項，因此在複雜應用程式中，實際的最上層視窗可能會重複出現在每個 UI 對應中。 如果實際的最上層視窗會重複，當該視窗變更時可能會需要多個修改。 當您在 UI 對應之間切換時，這可能會造成效能問題。
若要將這個影響降至最低，可以使用 CopyFrom() 方法，確定該 UI 對應中新最上層視窗與主要最上層視窗相同。
範例
下列範例是公用程式類別的一部分，此公用程式類別可用來存取在各種 UI 對應中產生之類別所代表的每個元件及其子控制項。
在這個範例中，名為 Contoso 的 Web 應用程式有首頁、產品網頁和購物車網頁。 每個這些網頁共用通用的最上層視窗，也就是瀏覽器視窗。 每個網頁都有 UI 對應，而且公用程式類別的程式碼看起來像下列程式碼：
using ContosoProject.UIMaps;
using ContosoProject.UIMaps.HomePageClasses;
using ContosoProject.UIMaps.ProductPageClasses;
using ContosoProject.UIMaps.ShoppingCartClasses;
namespace ContosoProject
{
public class TestRunUtility
{
// Private fields for the properties
private HomePage homePage = null;
private ProductPage productPage = null;
private ShoppingCart shoppingCart = null;
public TestRunUtility()
{
homePage = new HomePage();
}
// Properties that get each UI Map
public HomePage HomePage
{
get { return homePage; }
set { homePage = value; }
}
// Gets the ProductPage from the ProductPageMap.
public ProductPage ProductPageObject
{
get
{
if (productPage == null)
{
// Instantiate a new page from the UI Map classes
productPage = new ProductPage();
// Since the Product Page and Home Page both use
// the same browser page as the top level window,
// get the top level window properties from the
// Home Page.
productPage.UIContosoFinalizeWindow.CopyFrom(
HomePage.UIContosoWindowsIWindow);
}
return productPage;
}
}
// Continue to create properties for each page, getting the
// page object from the corresponding UI Map and copying the
// top level window properties from the Home Page.
}