Tự động kiểm thử với Quy trình Azure bằng công cụ biên tập cũ

Trong bài viết này, bạn sẽ tìm hiểu cách thiết lập và chạy thử nghiệm ứng dụng canvas được tích hợp trong Test Studio bằng cách sử dụng Công cụ biên tập cũ của Quy trình Azure trong Dịch vụ Azure DevOps .

Bạn có thể sử dụng một dự án công cộng trên GitHub - Microsoft/PowerAppsTestAutomation để:

• Tự động hóa các hoạt động đăng nhập vào ứng dụng của bạn.
• Mở trình duyệt trên tác nhân xây dựng và thực thi một nhóm các trường hợp và bộ kiểm thử.
• Xem trạng thái thực hiện kiểm thử trong quy trình Azure DevOps.

Điều kiện tiên quyết

Trước khi bắt đầu, bạn phải hoàn thành các bước sau:

• Tạo nhánh dự án Microsoft/PowerAppsTestAutomation trên GitHub.

  Lưu ý

  Không thể chuyển nhánh công khai thành riêng tư. Nếu bạn muốn tạo một kho lưu trữ riêng, vui lòng sao chép kho lưu trữ.

• Tạo tệp Test URL .json trong kho lưu trữ với URL Kiểm thử ứng dụng mà bạn muốn chạy từ quy trình.

Bước 1 - Tạo nhánh dự án PowerAppsTestAutomation

Nhánh là bản sao của kho lưu trữ. Bằng cách tạo nhánh kho lưu trữ, bạn có thể thay đổi mà không ảnh hưởng đến dự án ban đầu.

1. Đăng nhập vào GitHub.

2. Đi đến kho lưu trữ microsoft/PowerAppsTestAutomation. Bạn cũng có thể tìm kiếm microsoft/PowerAppsTestAutomation rồi chọn kho lưu trữ:

   

3. Chọn Fork:

   

4. Chọn nơi bạn muốn tạo nhánh:

   

Kho lưu trữ mà bạn tạo nhánh giờ sẽ có sẵn.

Bước 2 - Tạo tệp Test URL .json

Tệp Test URL .json sẽ chứa bộ kiểm thử và URL trường hợp kiểm thử để xác thực ứng dụng của bạn. Có thể lấy bộ kiểm thử ứng dụng và URL trường hợp kiểm thử bằng cách chọn Sao chép liên kết thử nghiệm trong Test Studio.

Bạn có thể tìm thấy tệp mẫu Samples/TestAutomationURLs.json trong kho lưu trữ mà mình tạo trước đó.

1. Tạo tệp TestURLs.json mới trong kho lưu trữ của bạn, hoặc sử dụng bất kỳ tên tệp nào khác.
   Tên và vị trí tệp sẽ được ánh xạ trong các phiên bản quy trình ở phần sau trong tài liệu này.

2. Sao chép định dạng từ tệp Samples/TestAutomationURLs.json.

3. Cập nhật phần URL Kiểm thử bằng các bài kiểm thử mà bạn muốn xác thực trong ứng dụng của mình.

4. Thực hiện thay đổi với kho lưu trữ của bạn:

   

Tạo quy trình

1. Đăng nhập vào phiên bản Azure DevOps của bạn.

2. Chọn dự án hiện có để tạo dự án mới.

3. Chọn Quy trình trong menu bên trái.

4. Chọn Tạo quy trình:

   

5. Chọn Sử dụng công cụ biên tập cũ:

   

6. Chọn GitHub làm nguồn.

7. Nếu cần, hãy ủy quyền cho kết nối GitHub của bạn bằng cách sử dụng OAuth hoặc mã thông báo truy cập cá nhân:

   

8. Nếu cần, hãy chỉnh sửa tên kết nối.

9. Chọn ... (dấu chấm lửng) từ phía bên phải của đầu vào Kho lưu trữ.

10. Nhập tên dự án của bạn trên GitHub, sau đó Chọn dự án đó:

    

11. Chọn Tiếp tục.

12. Trong màn hình Chọn mẫu, chọn Công việc trống:

    

13. Lưu quy trình của bạn.

Thêm tác vụ vào quy trình

Bây giờ, bạn sẽ thêm tác vụ công việc mơ và định cấu hình các tác vụ để chạy kiểm thử từ quy trình trong chuỗi sau:

1. Định cấu hình độ phân giải màn hình bằng PowerShell.

2. Khôi phục gói NuGet cho giải pháp PowerAppsTestAutomation.

3. Xây dựng giải pháp PowerAppsTestAutomation.

4. Thêm Kiểm thử Visual Studio cho Google Chrome.

5. Thêm Thử nghiệm Visual Studio cho Mozilla Firefox.

Bước 1 - Định cấu hình độ phân giải màn hình bằng PowerShell

1. Chọn + bên cạnh Công việc tác nhân 1.

2. Tìm PowerShell.

3. Chọn Thêm để thêm tác vụ PowerShell vào công việc:

   

4. Chọn nhiệm vụ.
   Bạn cũng có thể cập nhật tên hiển thị thành Đặt độ phân giải màn hình tác nhân thành 1920 x 1080 hoặc tương tự.

5. Chọn Nội tuyến làm loại tập lệnh và nhập thông tin sau vào cửa sổ tập lệnh:

   # 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
   

   

Bước 2 - Khôi phục gói NuGet

1. Chọn + bên cạnh Công việc tác nhân 1.

2. Tìm kiếm NuGet.

3. Chọn Thêm để thêm tác vụ NuGet vào công việc.

4. Chọn nhiệm vụ.
   Bạn cũng có thể cập nhật tên hiển thị thành Khôi phục Gói NuGet hoặc tương tự.

5. Chọn … (dấu chấm lửng) trong trường cấu hình Đường dẫn đến giải pháp, packages.config hoặc project.json.

6. Chọn tệp giải pháp PowerAppsTestAutomation.sln.

7. Chọn OK:

   

Bước 3 - Xây dựng giải pháp PowerAppsTestAutomation

1. Chọn + bên cạnh Công việc tác nhân 1.

2. Tìm kiếm bản dựng Visual Studio.

3. Chọn Thêm để thêm tác vụ xây dựng Visual Studio vào công việc.

4. Chọn nhiệm vụ.
   Bạn cũng có thể cập nhật tên hiển thị thành Xây dựng giải pháp tự động hóa kiểm thử Power Apps hoặc tương tự.

5. Chọn … (dấu chấm lửng) trong trường cấu hình Giải pháp.

6. Chọn tệp giải pháp PowerAppsTestAutomation.sln.

7. Chọn OK.

Bước 4 - Thêm Kiểm thử Visual Studio cho Google Chrome

1. Chọn + bên cạnh Công việc tác nhân 1.

2. Tìm kiếm Kiểm thử Visual Studio.

3. Chọn Thêm để thêm tác vụ Kiểm thử Visual Studio vào công việc.

4. Chọn nhiệm vụ.
   Bạn cũng có thể cập nhật tên hiển thị thành Chạy Kiểm thử tự động hóa kiểm thử Power Apps qua $(BrowserTypeChrome) hoặc tương tự.

5. Xóa các mục mặc định trong trường văn bản của Tệp kiểm thử và thêm như sau:

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

6. Nhập TestCategory=PowerAppsTestAutomation vào trường Tiêu chí lọc kiểm thử.

7. Chọn Kiểm thử kết hợp có chứa kiểm thử UI.

   

8. Chọn … (dấu chấm lửng) trong trường Tệp cài đặt.

9. Mở rộng Microsoft.PowerApps.TestAutomation.Tests, chọn tệp patestautomation.runssettings rồi chọn OK:

   

10. Sao chép phần sau đây trong trường Ghi đè tham số chạy thử.

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

    Lưu ý

    Đây là nơi các biến trong quy trình được cấu hình, thể hiện ở trên dưới dạng $(VariableName).

11. Nhập Chạy Kiểm thử tự động hóa kiểm thử Power Apps qua $(BrowserTypeChrome) hoặc tương tự trong trường Chạy kiểm thử tiêu đề.

    

Bước 5 - Thêm thử nghiệm Visual Studio cho Mozilla Firefox

1. Nhấp chuột phải vào tác vụ Thêm Kiểm thử Visual Studio cho Chrome rồi chọn Sao chép tác vụ.

2. Chọn tác vụ và cập nhật các phần sau:

   1. Tiêu đề: Chạy Kiểm thử tự động hóa kiểm thử Power Apps qua $(BrowserTypeFirefox)

   2. Ghi đè tham số chạy kiểm thử

      -OnlineUsername "$(OnlineUsername)" -OnlinePassword "$(OnlinePassword)" -BrowserType "$(BrowserTypeFirefox)" -OnlineUrl "$(OnlineUrl)" -UsePrivateMode "$(UsePrivateMode)" -TestAutomationURLFilePath "$(TestAutomationURLFilePath)" -DriversPath "$(GeckoWebDriver)"
      

   3. Tiêu đề chạy kiểm thử: Chạy Kiểm thử tự động hóa kiểm thử Power Apps qua $(BrowserTypeFirefox)

Định cấu hình các biến quy trình

Bây giờ, bạn sẽ định cấu hình các biến quy trình được xác định trong tác vụ bạn đã thêm trước đó.

1. Chọn tab Biên.

2. Chọn Thêm và lặp lại bước này để định cấu hình các biến sau đây:

Tên biến	Giá trị biến
BrowserTypeChrome	Chrome
BrowserTypeFirefox	Firefox
OnlineUrl	https://make.powerapps.com
TestAutomationURLFilePath	$(Build.SourcesDirectory)\<test URL file>.json Ghi chú: Đây là tệp Test URLs .json bạn đã tạo trước đó.
UsePrivateMode	đúng
OnlineUsername	Nhập Microsoft Entra địa chỉ email của ngữ cảnh người dùng sẽ đăng nhập vào ứng dụng. Kiểm thử sẽ chạy trong ngữ cảnh của tài khoản người dùng này. Đảm bảo người dùng này có khả năng chạy ứng dụng và kết nối với bất kỳ nguồn dữ liệu nào mà ứng dụng có thể kết nối.

1. Chọn Thêm và nhập OnlinePassword vào mục tên biến.

2. Chọn hình ảnh khóa để giữ bí mật biến này.

   

3. Lưu cấu hình quy trình của bạn.

Chạy và phân tích kiểm thử

Để xác minh là kiểm thử đã được thực hiện thành công, hãy chọn Hàng rồi chọn Chạy. Công việc của bạn sẽ bắt đầu chạy.

Khi công việc chạy, hãy chọn công việc để xem trạng thái chi tiết trên từng tác vụ đang chạy:

Khi công việc hoàn thành, bạn có thể xem tóm tắt công việc cấp cao và bất kỳ lỗi hoặc cảnh báo nào. Bằng cách chọn tab Kiểm thử, bạn có thể xem chi tiết cụ thể về các trường hợp thử nghiệm mà bạn đã thực hiện.

Ví dụ sau đây cho thấy ít nhất một trong các trường hợp kiểm thử của chúng tôi đã thất bại trong khi thực hiện các kiểm thử bằng trình duyệt Chrome:

Chọn kiểm thử RunTestAutomation để đi sâu vào chi tiết về trường hợp kiểm thử không thành công. Trong tab Tệp đính kèm, bạn có thể xem tóm tắt về việc thực hiện kiểm thử và trường hợp kiểm thử nào bị lỗi hoặc được thông qua trong bộ kiểm thử:

Lưu ý

Nếu bạn thực hiện một bộ kiểm thử, bạn sẽ thấy một bản tóm tắt các trường hợp kiểm thử được thông qua và thất bại. Nếu bạn thực hiện một trường hợp kiểm thử, bạn sẽ thấy chi tiết cụ thể về lỗi với thông tin theo dõi, nếu có.

Các hạn chế đã biết

• Xác thực đa yếu tố không được hỗ trợ.

• Tóm tắt kiểm thử sẽ báo cáo một kết quả kiểm thử duy nhất cho mỗi trình duyệt. Kết quả kiểm thử sẽ chứa một hoặc nhiều trường hợp kiểm thử hoặc kết quả của bộ kiểm thử.

• Mọi quy trình xác thực khác với luồng đăng nhập Microsoft Entra đều yêu cầu tùy chỉnh quy trình đăng nhập trong giải pháp PowerAppsTestAutomation .

Xem thêm

• Tổng quan về Test Studio
• Làm việc với Test Studio
• Đặt cấu hình đường ống dẫn bằng YAML

Lưu ý

Bạn có thể cho chúng tôi biết bạn thích dùng ngôn ngữ nào cho tài liệu không? Làm một cuộc khảo sát ngắn. (xin lưu ý, khảo sát này bằng tiếng Anh)

Cuộc khảo sát sẽ mất khoảng bảy phút. Không có dữ liệu cá nhân nào được thu thập (điều khoản về quyền riêng tư).