HOW TO:從動作記錄產生自動程式碼 UI 測試

使用現有動作記錄是建立自動程式碼 UI 測試的有效方式。 如需如何建立動作記錄的詳細資訊,請參閱記錄和播放手動測試

從動作記錄產生自動程式碼 UI 測試

若要從動作記錄產生自動程式碼 UI 測試

  1. 在 [方案總管] 中,以滑鼠右鍵按一下測試專案、指向 [加入],再按一下 [自動程式碼 UI 測試]。

    -或-

    在 [測試清單編輯器] 或 [測試檢視] 視窗中,以滑鼠右鍵按一下視窗表面,然後按一下 [新增測試]。 在 [加入新測試] 對話方塊中,按一下 [自動程式碼 UI 測試],再按一下 [確定]。

    -或-

    在 [測試] 功能表上按一下 [新增測試]。 在 [加入新測試] 對話方塊中,按一下 [自動程式碼 UI 測試],再按一下 [確定]。

    [自動程式碼 UI 測試] 對話方塊隨即出現。

  2. 按一下 [使用現有的動作記錄]。

    [連接到 Team 專案] 對話方塊隨即出現。

  3. 尋找具有附加動作記錄的工作項目:

    1. 在 [專案] 下拉式清單中選取專案,然後按一下 [連接]。

    2. 選擇尋找具有附加動作記錄工作項目的方法:執行儲存的查詢、依 ID 查詢或依工作項目的標題搜尋。

    3. 按一下 [尋找] 執行查詢。

  4. 選取要用來建立自動程式碼 UI 測試的具有動作記錄工作項目,然後按一下 [確定]。

    這樣會將 UI 控制項加入至 UI 對應,並會將動作加入至自動程式碼 UI 測試。 針對測試案例中的每個步驟,都會建立動作記錄的方法。

  5. 若要產生 UI 控制項的判斷提示,請以滑鼠右鍵按一下自動程式碼 UI 測試原始程式檔,指向 [產生程式碼],然後指向 [使用自動程式碼 UI 測試產生器]。

    [自動程式碼 UI 測試產生器] 對話方塊隨即出現。

  6. 啟動待測應用程式,並巡覽至您想要加入的 UI 控制項。

  7. 按一下 [自動程式碼 UI 測試產生器] 中的交叉線圖示,然後將其拖曳至要驗證是否正確的控制項。

    [自動程式碼 UI 測試產生器 - 加入判斷提示] 對話方塊隨即顯示。

  8. 按一下垂直軸以檢視 UI 對應。

    您要驗證的 UI 控制項應該反白顯示。

  9. 以滑鼠右鍵按一下您要驗證的 UI 控制項屬性,然後執行 [加入判斷提示]。

    [加入判斷提示] 對話方塊隨即顯示。

  10. 選取判斷提示的 [比較子]。

  11. 在 [比較值] 中輸入判斷提示的值。

  12. 若要加入判斷提示,請按一下 [確定]。

  13. 加入測試的所有判斷提示之後,請關閉 [自動程式碼 UI 測試產生器 - 加入判斷提示] 對話方塊。

  14. 若要產生判斷提示的程式碼,請按一下 [產生程式碼] 圖示。

    [自動程式碼 UI 測試產生器 - 產生程式碼] 對話方塊隨即顯示。

  15. 在 [方法名稱] 中,輸入自動程式碼 UI 測試方法的名稱,然後按一下 [加入和產生]。

    例如,如果您輸入的名稱為 AssertForAddTwoNumbers,則會產生如下程式碼:

    • 將稱為 AssertForAddTwoNumbers 的方法加入至 UIMap.Designer.cs 檔案。 此方法會執行您加入的判斷提示陳述式。

      public void AssertForAddTwoNumbers()
      {
          #region Variable Declarations
          WinEdit textAnswerEdit = 
              this.DemoCalculatorWindowWindow.AnswerWindow.TextAnswerEdit;
          #endregion
      
          // Verify that 'textAnswer' text box's Text property = '40'
          Assert.AreEqual(
              this.AssertForAddTwoNumbersExpectedValues.TextAnswerEditText, 
              textAnswerEdit.Text);
      }
      
  • 將對判斷提示方法 AssertForAddTwoNumbers 的呼叫加入至自動程式碼 UI 測試檔案中的測試方法

    [TestMethod]
    public void CodedUITestMethod1()
    {
        // To generate code for this test, select "Generate Code" 
        // from the shortcut menu and select one of the menu items.
        this.UIMap.AddTwoNumbers();
        this.UIMap.AssertForAddTwoNumbers();
    }
    

當您為具有判斷提示陳述式的方法選擇名稱時,請選擇能描述這些您所建立之判斷提示的名稱。

  1. 按一下 [關閉] 圖示,以關閉 [自動程式碼 UI 測試產生器]。

  2. (選擇性) 若要加入程式碼以在執行自動程式碼 UI 測試時啟動應用程式,請錄製應用程式的啟動順序,並將其儲存成方法。 您可以在測試啟動時呼叫該方法。

    注意事項注意事項

    您可以加入測試初始化方法 (以 [TestInitialize] 屬性識別),以便在每個測試方法啟動時執行程式碼。 例如,您可以從 TestInitialize 方法呼叫啟動應用程式的方法。

  3. (選擇性) 若要加入程式碼以在執行自動程式碼 UI 測試時關閉應用程式,請錄製應用程式的關閉順序,並將其儲存成方法。

    如果您未關閉瀏覽器或應用程式,則它們在您完成測試後仍將開啟。

    注意事項注意事項

    您可以加入測試清除方法 (以 [TestCleanup] 屬性識別),以便在每個測試方法結束時執行程式碼。 例如,您可以從 TestCleanup 方法呼叫關閉應用程式的方法。

  4. 若要執行測試,請以滑鼠右鍵按一下測試方法,然後按一下 [執行測試]。 如需如何執行自動程式碼 UI 測試的詳細資訊,請參閱執行自動化測試

    注意事項注意事項

    建立具有特定資料的自動程式碼 UI 測試之後,您可能要以不同的資料集來多次執行自動程式碼 UI 測試,以測試不同的條件。 若要這樣做,您可以將參數從資料來源加入至自動程式碼 UI 測試,以建立資料驅動型自動程式碼 UI 測試。 如需詳細資訊,請參閱 HOW TO:建立資料驅動型自動程式碼 UI 測試

如需動作記錄的詳細資訊,請參閱 HOW TO:建立動作記錄

請參閱

工作

HOW TO:透過記錄待測應用程式產生自動程式碼 UI 測試

HOW TO:使用自動程式碼 UI 測試產生器加入 UI 控制項和驗證程式碼

HOW TO:建立自動程式碼 UI 測試

參考

UIMap

Assert

概念

使用自動化 UI 測試進行使用者介面測試

自動程式碼 UI 測試和動作記錄的支援組態和平台

其他資源

HOW TO:建立資料驅動型自動程式碼 UI 測試