透過 Azure Pipelines 使用傳統編輯器來自動化測試

在本文中,您將瞭解如何使用 Azure DevOps 服務 中的 Azure Pipelines 傳統編輯器,在 Test Studio 中設定和執行您的畫布應用程式測試。

您可以使用 GitHub - Microsoft/PowerAppsTestAutomation 上的公用專案,來執行:

  • 將登入應用程式的作業自動化。
  • 在組建代理程式上打開瀏覽器,並執行一組測試案例和套件。
  • 查看 Azure DevOps管線中的測試執行狀態。

先決條件

在開始之前,您必須先完成以下步驟 :

步驟 1 - 分叉 PowerAppsTestAutomation 專案

分叉 是存放庫的複本。 透過分叉存放庫,您可以進行變更而不會影響原始專案。

  1. 登入 GitHub

  2. 移至 microsoft/PowerAppsTestAutomation 存放庫。 您也可以改為搜尋 microsoft/PowerAppsTestAutomation,然後選取存放庫:

    搜尋 GitHub。

  3. 請選取分叉

    選取分叉。

  4. 選取您要分叉的位置:

    選取分叉帳戶。

現在可使用您分叉的存放庫。

步驟 2 - 建立測試 URL .json 檔案

測試 URL .json 檔案將包含測試套件及用於驗證您的應用程式之測試案例 URL。 您可以透過在 Test Studio 中選取 複製播放連結,取回應用程式測試套件和測試案例 URL。

您可以在先前建立的存放庫中找到範例檔 Samples/TestAutomationURLs.json

  1. 在您的存放庫中建立新的檔案 TestURLs.json,或使用任何其他的檔案名。
    檔案名稱和位置之後在文件中將會對應到管線變數。

  2. Samples/TestAutomationURLs.json 檔案複製格式 。

  3. 使用您要在應用程式中驗證的測試,更新測試 URL 區段。

  4. 將變更送至您的存放庫:

    JSON 已更新。

建立新管線

  1. 登入您的 Azure DevOps 執行個體。

  2. 選取現有的專案或建立新的專案。

  3. 在左側功能表中,選取管線

  4. 選取建立管線

    已建立管線。

  5. 選取使用傳統編輯器

    傳統編輯器。

  6. 選取 GitHub 作為來源。

  7. 如有需要,請使用 Oauth 或個人存取權杖來授權您的 GitHub 連線:

    GitHub 中的管線。

  8. 如有需要,請編輯連線名稱。

  9. 存放庫輸入的右側選取 ...(省略號)。

  10. 在 GitHub 上輸入您的專案名稱,然後選取該專案:

    選取存放庫。

  11. 選取繼續

  12. 在選取範本畫面中,選取空白工作

    選取空白工作。

  13. 儲存您的管線。

將工作新增至管線

您現在將新增作業工作,並設定工作依下列順序從管線執行測試:

  1. 使用 PowerShell 設定畫面解析度。

  2. 還原 NuGet 在 PowerAppsTestAutomation 解決方案的套件。

  3. 建置 PowerAppsTestAutomation 解決方案。

  4. 新增 Visual Studio 在 Google Chrome 的測試。

  5. 為 Mozilla Firefox 新增 Visual Studio 測試。

步驟 1 - 使用 PowerShell 設定畫面解析度

  1. 選取代理作業 1 旁的 +

  2. 搜尋 PowerShell

  3. 選取新增,將 PowerShell 工作新增至作業:

    新增 PowerShell。

  4. 選取工作。
    您也可以更新顯示名稱為將代理程式畫面解析度設定為 1920 x 1080 或類似的。

  5. 選取內嵌做為底稿類型,然後在底稿視窗中輸入下列資訊:

    # Set agent screen resolution to 1920x1080 to avoid sizing issues with Portal  
    Set-DisplayResolution -Width 1920 -Height 1080 -Force
    # Wait 10 seconds  
    Start-Sleep -s 10
    # Verify Screen Resolution is set to 1920x1080  
    Get-DisplayResolution
    

    指令碼範例。

步驟 2 - 還原 NuGet 套件

  1. 選取代理作業 1 旁的 +

  2. 搜尋 NuGet

  3. 選取新增,將 NuGet 工作新增至作業。

  4. 選取工作。
    您也可以更新顯示名稱為還原 NuGet 套件 或類似的。

  5. 選取 (省略號)在解決方案、packages.config 或 project.json 的路徑中設定欄位。

  6. 選取 PowerAppsTestAutomation.sln 解決方案檔案。

  7. 選取確定

    NuGet 套件。

步驟 3 - 組建 PowerAppsTestAutomation 解決方案

  1. 選取代理作業 1 旁的 +

  2. 搜尋 Visual Studio 組建

  3. 選取新增,將 Visual Studio 組建工作新增至作業。

  4. 選取工作。
    您也可以將顯示名稱更新為 組建 Power Apps 測試自動化解決方案或類似的。

  5. 選取 (省略號)在解決方案設定欄位中。

  6. 選取 PowerAppsTestAutomation.sln 解決方案檔案。

  7. 選取確定

步驟 4 - 在 Google Chrome 新增 Visual Studio 測試

  1. 選取代理作業 1 旁的 +

  2. 搜尋 Visual Studio 測試

  3. 選取新增,將 Visual Studio 測試工作新增至作業。

  4. 選取工作。
    您也可以將顯示名稱更新為透過 $(BrowserTypeChrome)執行 Power Apps 測試自動化解決方案或類似的。

  5. 移除測試檔案文字欄位中的預設條目,然後新增下列各項:

    **\Microsoft.PowerApps.TestAutomation.Tests\bin\\Debug\Microsoft.PowerApps.TestAutomation.Tests.dll

  6. 測試篩選準則欄位中輸入TestCategory=PowerAppsTestAutomation

  7. 選取測試混合包含 UI 測試

    測試組合包含 UI 測試。

  8. 選取 (省略號)在設定檔案欄位中。

  9. 展開 Microsoft.PowerApps.TestAutomation.Tests,選取 patestautomation.runsettings 檔案,然後選取確定

    執行設定。

  10. 請在覆寫測試執行參數欄位中複製下列各項 。

    -OnlineUsername "$(OnlineUsername)" -OnlinePassword "$(OnlinePassword)" -BrowserType "$(BrowserTypeChrome)" -OnlineUrl "$(OnlineUrl)" -UsePrivateMode "$(UsePrivateMode)" -TestAutomationURLFilePath "$(TestAutomationURLFilePath)" -DriversPath "$(ChromeWebDriver)"
    

    注意

    這是變數在管線中設定的位置,並以 $(變數名稱)的形式表示。

  11. 測試執行標題欄位中,輸入透過 $(瀏覽器類型 Chrome)執行 Power Apps 測試自動化測試或類似的 。

    測試執行。

步驟 5 - Mozilla Firefox 新增 Visual Studio 測試

  1. 以滑鼠右鍵按一下 在 Chrome 新增 Visual Studio 測試工作,然後選取複製工作

  2. 選取工作並更新下欄區域:

    1. 標題:透過 $(瀏覽器類型 Firefox)執行 Power Apps 測試自動化測試

    2. 覆寫測試執行參數

      -OnlineUsername "$(OnlineUsername)" -OnlinePassword "$(OnlinePassword)" -BrowserType "$(BrowserTypeFirefox)" -OnlineUrl "$(OnlineUrl)" -UsePrivateMode "$(UsePrivateMode)" -TestAutomationURLFilePath "$(TestAutomationURLFilePath)" -DriversPath "$(GeckoWebDriver)"
      
    3. 測試執行標題:透過 $(BrowserTypeFirefox)執行 Power Apps 測試自動化測試

設定管線變數

您現在可以設定先前新增之工作中所定義的管線變數。

  1. 選取變數索引標籤。

  2. 選取新增,然後重複此步驟來設定下列變數:

變數名稱 變數值
瀏覽器名稱 Chrome Chrome
瀏覽器名稱 Firefox Firefox
OnlineUrl https://make.powerapps.com
TestAutomationURLFilePath $(Build.SourcesDirectory)\<test URL file>.json
注意: 這是您先前建立的測試 URLs .json 檔案 。
UsePrivateMode
OnlineUsername 輸入將登入應用程式之 Microsoft Entra 使用者情境電子郵件地址。 測試將在此使用者帳戶的情境中執行。 確定此使用者有權執行應用程式,和連接至應用程式可能連接的任何資料來源。
  1. 選取新增,然後在 OnlinePassword 輸入變數名稱。

  2. 勾選鎖定影像,讓這個變數成為機密。

    讓變數保密。

  3. 儲存您的管線設定。

執行並分析測試

若要驗證您的測試是否已順利執行,請選取佇列,然後選取執行。 您的作業將會開始執行。

執行作業。

當作業執行時,請選取作業以查看每個正在執行之工作的詳細狀態:

作業詳細資料。

當作業完成時,您可以查看高度概括作業摘要,以及任何錯誤或警告。 透過選取測試索引標籤,您可以查看已執行之測試案例的特定詳細資料。

下列範例指出在您用 Chrome 瀏覽器執行測試時,其中至少有一個測試案例失敗:

Chrome - 失敗。

選取 RunTestAutomation 測試來深入查詢已失敗測試案例的詳細資料。 在附件索引標籤中 ,您可以看到測試執行的摘要,以及在您的測試套件中成功或失敗的測試案例有哪些:

附件索引標籤。

注意

如果您執行測試套件,您將會看到通過和失敗的測試案例摘要。 如果您執行測試案例,就會在所有回溯資訊中看到失敗案例的特定詳細資料(如果有的話)。

已知限制

  • 不支援多重驗證。

  • 測試摘要在每個瀏覽器中都會報告單一測試結果。 測試結果將包含一或多個測試案例或測試套件結果。

  • 任何 Microsoft Entra 登入流程以外的驗證程式都需要在 PowerAppsTestAutomation 解決方案中自訂登入程序 。

請參閱

注意

是否能請您告知您偏好的慣用文件語言? 請填寫問卷。 (請注意,本問卷為英文版)

完成問卷大約需要七分鐘。 本問卷將不會收集個人資料 (隱私權聲明)。