CodeHướng dẫn về khung tự động hóa kiểm thử giao diện người dùng (UI Test Automation Framework)

⚡ Tóm tắt thông minh

CodeKiểm thử giao diện người dùng (CUIT) là một tính năng kiểm thử tự động trong Visual Studio, cho phép điều khiển ứng dụng thông qua giao diện người dùng của nó. Tại đây, bạn sẽ tìm hiểu CUIT là gì, các tính năng của nó, các công nghệ được hỗ trợ, cách tạo bài kiểm thử và các phương pháp thực hành tốt nhất.

  • 🖥️ Những gì nó là: CodeKiểm thử giao diện người dùng (UI Test) điều khiển ứng dụng thông qua giao diện người dùng của nó.
  • 🎬 Ghi âm: Ghi lại các thao tác giao diện người dùng trong Visual Studio để tạo mã kiểm thử.
  • 🧰 Công nghệ: CUIT hỗ trợ web, WPF, Windows Biểu mẫu và các công nghệ giao diện người dùng khác.
  • 🆚 Vs Selenium/QTP: Như Selenium và QTPCUIT tự động hóa việc kiểm thử giao diện người dùng chức năng.
  • 🤖 Hỗ trợ từ AI: Các công cụ AI như GitHub Copilot giúp tạo và duy trì mã kiểm thử giao diện người dùng.

Coded Kiểm thử giao diện người dùng (CUIT)

Một phần mềm tự động hóa điển hình Kiểm tra yêu cầu các công cụ tự động hóa như Selenium và QTP. CodeGiao diện người dùng (UI) tương tự như các công cụ này và có thể đặc biệt hữu ích cho các bài kiểm tra chức năng.

CodeKiểm thử giao diện người dùng (UI Test - CUIT) sử dụng IDE Visual Studio để viết kịch bản, vì việc ghi lại có thể được thực hiện bằng cách sử dụng... Visual Studio.

Là gì CodeKiểm thử giao diện người dùng (UI)?

Coded Kiểm thử giao diện người dùng (CUIT) Đây là một bài kiểm tra tự động điều khiển các ứng dụng thông qua giao diện người dùng (UI) của nó. Do đó, nó có tên như vậy. CodeKiểm thử giao diện người dùng (UI Test - CUIT). Bài kiểm thử này bao gồm... thử nghiệm chức năng của các điều khiển UI. Nó kiểm tra chức năng của toàn bộ ứng dụng, bao gồm cả giao diện người dùng. Nó cũng được sử dụng để tự động hóa quá trình kiểm tra thủ công hiện có.

CodeKiểm thử giao diện người dùng (UI)

Kiểm tra giao diện người dùng Archikiến trúc

CodeTính năng kiểm thử giao diện người dùng (UI)

CodeCác tính năng giao diện người dùng bao gồm

  • Thử nghiệm chức năng
  • Tạo mã trong VB/C#
  • Tích hợp với câu chuyện ALM
  • Xây dựng, triển khai và thử nghiệm trong phòng thí nghiệm hoặc như một phần của bản dựng
  • Chạy cục bộ, từ xa, thu thập dữ liệu
  • Khả năng mở rộng phong phú
  • Ghi âm có ý định và phát lại linh hoạt

Coded Công nghệ được hỗ trợ bởi UI Test (CUIT)

Với giao diện người dùng được mã hóa, một ứng dụng có giao diện người dùng (Giao diện người dùng) có thể dễ dàng được kiểm tra. Ứng dụng có thể dựa trên cửa sổ hoặc dựa trên web.

CodeGiao diện người dùng hỗ trợ các công nghệ như...

  • Ứng dụng máy tính để bàn dựa trên cửa sổ
  • Dịch vụ web (SOAP, ASPX, v.v.)
  • Ứng dụng điện thoại cửa sổ
  • WPF (Windows Về chúng tôi Foundation)
  • Ứng dụng web (HTML, Silverlight, HTML5)

Tại sao nên sử dụng giao diện người dùng được mã hóa cho Tự động hóa thử nghiệm

Lý do tại sao giao diện người dùng được mã hóa để tự động hóa thử nghiệm được ưa thích

  • Nhà phát triển và Người kiểm tra phần mềm có thể cộng tác hiệu quả bằng cách sử dụng cùng một công cụ/ngôn ngữ.
  • Nó hỗ trợ cả web cũng như Windows dự án.
  • Cơ chế nhận dạng phần tử là một tính năng tuyệt vời trong CodeGiao diện người dùng d. Ngoài ra, nó hỗ trợ đồng bộ hóa.
  • Công cụ phát lại hỗ trợ các tính năng như 'WaitForControlExist', 'WaitForReadyLevel', v.v.
  • Với sự trợ giúp của 'Tác nhân kiểm tra', các bài kiểm tra tự động hóa có thể được chạy trên các máy từ xa
  • Các nhóm tự động hóa có thể phát triển các bài kiểm tra phức tạp bằng cách sử dụng giao diện người dùng được mã hóa với khung phân lớp
  • Người kiểm thử phần mềm có thể nắm bắt các ngoại lệ và ghi lại kết quả một cách hiệu quả bằng cách sử dụng log4net.dll
  • CodeCông cụ giao diện người dùng hỗ trợ lập trình mô tả. Nó cho phép người kiểm thử phần mềm tự động hóa các kịch bản dựa trên thuộc tính đối tượng
  • Nó hỗ trợ điều khiển AJAX.

Làm thế nào để tạo ra Coded Kiểm thử giao diện người dùng (CUIT)

Để tạo các bài kiểm tra UI được mã hóa, bạn có thể thực hiện theo những cách sau.

  • Tạo từ Bản ghi hành động hiện có (chuyển đổi từ bản ghi kiểm tra thủ công)
  • Tạo thử nghiệm giao diện người dùng được mã hóa mới từ đầu
  • Viết mã từ đầu

Nội dung của một CodeKiểm thử giao diện người dùng (UI)

Khi bạn tạo thử nghiệm giao diện người dùng được mã hóa, trình tạo thử nghiệm giao diện người dùng được mã hóa sẽ tạo Bản đồ. Điều này bao gồm giao diện người dùng đang được kiểm tra, phương pháp kiểm tra, tham số, xác nhận, v.v. Đối với mỗi kiểm tra, nó cũng tạo một tệp lớp.

Tập tin Nội dung Có thể chỉnh sửa
UIMap.Designer.cs Phần khai báo Thuộc tính phương thức lớp UIMap Không
UIMap.cs Lớp UIMap (một phần)
CodedUITest1.cs CodeCác phương thức và thuộc tính của lớp UITest1
UIMap.uest Bản đồ XML của giao diện người dùng cho bài kiểm tra. Nó chỉ được chỉnh sửa thông qua trình chỉnh sửa UI Map Không
  1. UIMap.Designer.cs : Trình thiết kế chứa chế độ xem mã của UIMap. Nó được tạo khi người kiểm tra ghi lại một số tương tác giao diện người dùng hoặc khi một số đối tượng được thêm thủ công vào UIMap.
  2. UIMap.cs: Bất kỳ sửa đổi hoặc tùy chỉnh nào được thực hiện đối với UIMap đều được lưu trữ trong tệp này. Ban đầu, tệp này sẽ trống và có thể được điền sau. Nếu các sửa đổi được thực hiện trực tiếp vào tệp UIMap.designer.cs, hãy đảm bảo rằng nó không được ghi lại nếu không tất cả các thay đổi sẽ bị mất.
  • CodedUITest1.cs: Tệp này chứa lớp kiểm tra giao diện người dùng được mã hóa, các phương thức kiểm tra, lời gọi xác nhận và lời gọi phương thức. Theo mặc định, tất cả các xác nhận và phương thức đều được gọi từ tệp này.
  • UIMap.uest: Đây là một biểu diễn XML của lớp UIMap. Nó bao gồm các cửa sổ, điều khiển, thuộc tính, phương pháp, hành động và khẳng định. Nó chỉ được chỉnh sửa thông qua trình soạn thảo UI Map

Tiếp theo trong này CodeTrong hướng dẫn UI này, chúng ta sẽ học cách thực hiện... Coded Kiểm thử tự động giao diện người dùng.

cách thực hiện CodeKiểm thử giao diện người dùng (UI)

CodeGiao diện người dùng (UI) có hai cách khác nhau để tiến hành kiểm thử ứng dụng của bạn.

  1. Coded Ghi và phát lại giao diện người dùng hoặc
  2. CodeLập trình thủ công giao diện người dùng (UI)

Bạn phải thực hiện các bước sau để tiến hành. Coded Kiểm thử giao diện người dùng (UI),

  1. Tạo ra một Codedự án kiểm tra dUI
  2. Thêm tệp kiểm tra giao diện người dùng được mã hóa
  3. Ghi lại chuỗi hành động
  4. Xác minh các giá trị trong các trường UI như hộp văn bản
  5. Xem mã kiểm tra đã tạo
  6. Thêm nhiều hành động và xác nhận
  7. Chỉnh sửa chi tiết các hoạt động kiểm tra và các khẳng định
  8. Chạy thử nghiệm

Các phương pháp hay nhất cho Coded Kiểm thử giao diện người dùng (CUIT)

Dưới đây là một số phương pháp tốt nhất để CodeKhung tự động hóa kiểm thử giao diện người dùng (UI):

  • Sử dụng Coded Tự động hóa giao diện người dùng (UI) - Trình kiểm thử (Test Builder) bất cứ khi nào có thể
  • Cố gắng không sửa đổi tệp UIMap.designer.cs trực tiếp. Nếu không, những thay đổi bạn thực hiện đối với tệp sẽ bị ghi đè
  • Tạo thử nghiệm của bạn dưới dạng một chuỗi các phương pháp được ghi lại
  • Mỗi phương pháp được ghi lại phải hoạt động trên một trang, biểu mẫu hoặc hộp thoại. Ngoài ra, hãy tạo một phương pháp kiểm tra mới cho mỗi biểu mẫu, trang hoặc hộp thoại mới
  • Khi bạn tạo một phương thức, thay vì tên mặc định, hãy sử dụng tên phương thức có ý nghĩa. Tên có ý nghĩa giúp xác định mục đích của phương pháp
  • Nếu có thể, hãy giới hạn mỗi phương pháp được ghi ở dưới 10 hành động. Cách tiếp cận này giúp việc thay thế một phương thức trở nên dễ dàng hơn nếu giao diện người dùng thay đổi.
  • Để tạo câu lệnh khẳng định, hãy sử dụng CodeCông cụ xây dựng bài kiểm tra dUI. Nó tự động thêm một phương thức khẳng định vào tệp UIMap.Designer.cs.
  • Ghi lại các phương pháp kiểm tra/phương pháp xác nhận nếu giao diện người dùng thay đổi hoặc ghi lại các phần bị ảnh hưởng của phương pháp kiểm tra hiện có.
  • Nếu bạn đang trực tiếp mã hóa bằng API, hãy sử dụng các phương thức và thuộc tính trong các lớp được tạo trong tệp UIMap.Designer.cs. Những lớp học này sẽ làm cho công việc của bạn trở nên đáng tin cậy và dễ dàng hơn, đồng thời giúp bạn làm việc hiệu quả hơn.

So sánh CodeKiểm thử giao diện người dùng (UI) so với... Selenium Vs QTP

Dưới đây là bảng so sánh của CodeGiao diện người dùng d so với Selenium Vs QTP:

  • Selenium không hỗ trợ bất kỳ WPF nào cũng như Windows các ứng dụng
  • Visual Studio CodedUI hỗ trợ thử nghiệm ứng dụng Window store cũng như thử nghiệm ứng dụng Window Phone. Không có công cụ nào khác hỗ trợ điều này.
  • Quá trình kiểm tra hoàn tất có hỗ trợ Ứng dụng Window nhưng yêu cầu phải cài đặt plugin.

CodeKiểm thử giao diện người dùng (UI) so với... Selenium Vs QTP

So sánh CodeKiểm thử giao diện người dùng (UI) so với... Selenium Vs QTP

Câu Hỏi Thường Gặp

CodeKiểm thử giao diện người dùng (UI Test) là một loại kiểm thử tự động điều khiển ứng dụng thông qua giao diện người dùng của nó. Visual Studio ghi lại các thao tác trên giao diện người dùng và tạo ra các kịch bản kiểm thử bằng C# hoặc VB.NET.

CUIT hỗ trợ các ứng dụng web. Windows Về chúng tôi Foundation (WPF), Windows Biểu mẫu và các công nghệ giao diện người dùng khác trên cả giao diện máy tính để bàn và trình duyệt.

Trong Visual Studio, hãy thêm một CodeDự án kiểm thử giao diện người dùng (UI Test), sau đó ghi lại các thao tác UI bằng... CodeHoặc bạn có thể dùng UI Test Builder để viết mã thủ công. Trình ghi sẽ tạo ra UIMap và các phương thức kiểm thử.

Cả ba đều tự động hóa việc kiểm thử giao diện người dùng chức năng. Selenium nhắm mục tiêu vào các trình duyệt web, QTP hỗ trợ nhiều công nghệ, và CodeGiao diện người dùng (UI) được tích hợp với Visual Studio for .NET.

A CodeBài kiểm tra giao diện người dùng (UI Test) bao gồm UIMap.Designer.cs, UIMap.cs, CodedUITest1.cs và UIMap.uitest. Các tệp UIMap lưu trữ định nghĩa các phần tử giao diện người dùng, còn tệp kiểm thử chứa các phương thức kiểm thử.

Các trợ lý AI như GitHub Copilot tự động hoàn thành các phương thức kiểm thử, tạo ra các khẳng định và đề xuất các bộ chọn. CodeGiao diện người dùng d hoặc Selenium kịch bản thử nghiệm.

Đúng vậy. Các công cụ kiểm thử dựa trên trí tuệ nhân tạo sẽ tạo ra các trường hợp kiểm thử, tự động sửa lỗi các bộ chọn khi giao diện người dùng thay đổi và chuyển đổi các bước đã ghi lại thành mã.

CodeCông cụ kiểm thử giao diện người dùng (UI Test) đã bị loại bỏ trong Visual Studio 2019 và không được bao gồm trong Visual Studio 2022. Microsoft đề xuất các lựa chọn thay thế như Selenium or Appium cho các dự án mới.

Tóm tắt bài viết này với: