Hướng dẫn kiểm tra GUI: Cơ sở kiểm tra giao diện người dùng (UI) với ví dụ

Mục lục:

Anonim

Để hiểu Kiểm tra GUI trước tiên hãy hiểu-

GUI là gì?

Có hai loại giao diện cho một ứng dụng máy tính. Giao diện dòng lệnh là nơi bạn nhập văn bản và máy tính phản hồi lệnh đó. GUI là viết tắt của Graphical User Interface, nơi bạn tương tác với máy tính bằng hình ảnh chứ không phải văn bản.

Sau đây là các phần tử GUI có thể được sử dụng để tương tác giữa người dùng và ứng dụng:

Kiểm tra GUI là xác nhận các yếu tố trên.

Kiểm tra GUI

Kiểm tra GUI là một loại kiểm thử phần mềm để kiểm tra Giao diện người dùng đồ họa của Phần mềm. Mục đích của Kiểm tra Giao diện Người dùng Đồ họa (GUI) là để đảm bảo các chức năng của ứng dụng phần mềm hoạt động theo thông số kỹ thuật bằng cách kiểm tra màn hình và các điều khiển như menu, nút, biểu tượng, v.v.

GUI là những gì người dùng nhìn thấy. Giả sử nếu bạn truy cập guru99.com những gì bạn sẽ thấy trang chủ nói rằng đó là GUI (giao diện người dùng đồ họa) của trang web. Người dùng không nhìn thấy mã nguồn. Giao diện hiển thị cho người dùng. Đặc biệt trọng tâm là cấu trúc thiết kế, hình ảnh xem chúng có hoạt động tốt hay không.

Trong ví dụ trên, nếu chúng tôi phải thực hiện kiểm tra GUI, trước tiên, chúng tôi kiểm tra xem hình ảnh có hiển thị hoàn toàn trong các trình duyệt khác nhau hay không.

Ngoài ra, các liên kết có sẵn và nút sẽ hoạt động khi được nhấp vào.

Ngoài ra, nếu người dùng thay đổi kích thước màn hình, cả hình ảnh và nội dung đều không được thu nhỏ hoặc cắt hoặc chồng lên nhau.

Trong hướng dẫn này, bạn sẽ học-

  • Kiểm tra GUI là gì?
  • Cần kiểm tra GUI
  • Bạn làm gì Kiểm tra GUI đăng ký?
  • Cách tiếp cận Kiểm tra GUI
  • Các trường hợp kiểm tra thử nghiệm GUI
  • Demo: Cách tiến hành Kiểm tra GUI
  • Những thách thức trong thử nghiệm GUI

Cần kiểm tra GUI

Bây giờ khái niệm cơ bản về thử nghiệm GUI đã rõ ràng. Một vài câu hỏi sẽ xuất hiện trong đầu bạn sẽ là

  • Tại sao phải thử nghiệm GUI?
  • Nó có thực sự cần thiết không?
  • Kiểm tra chức năng và logic của Ứng dụng không là quá đủ ?? Vậy tại sao phải lãng phí thời gian vào thử nghiệm giao diện người dùng.

Để có câu trả lời, hãy suy nghĩ với tư cách là người dùng, không phải với tư cách là người thử nghiệm. Người dùng không có bất kỳ kiến ​​thức nào về phần mềm / Ứng dụng XYZ. Chính giao diện người dùng của Ứng dụng sẽ quyết định rằng người dùng có sử dụng Ứng dụng thêm hay không.

Người dùng bình thường trước tiên quan sát thiết kế và giao diện của Ứng dụng / Phần mềm và mức độ dễ hiểu của anh ta đối với giao diện người dùng. Nếu người dùng không cảm thấy thoải mái với Giao diện hoặc thấy Ứng dụng phức tạp để hiểu thì họ sẽ không bao giờ sử dụng Ứng dụng đó nữa. Đó là lý do tại sao, GUI là một vấn đề cần quan tâm và nên tiến hành kiểm tra thích hợp để đảm bảo rằng GUI không có lỗi.

Bạn làm gì Kiểm tra GUI đăng ký?

Danh sách kiểm tra sau đây sẽ đảm bảo Kiểm tra GUI chi tiết trong Kiểm thử phần mềm.

  • Kiểm tra tất cả các phần tử GUI về kích thước, vị trí, chiều rộng, chiều dài và việc chấp nhận các ký tự hoặc số. Ví dụ: bạn phải có khả năng cung cấp đầu vào cho các trường đầu vào.
  • Kiểm tra xem bạn có thể thực thi chức năng dự kiến ​​của ứng dụng bằng GUI không
  • Kiểm tra Thông báo lỗi có hiển thị chính xác không
  • Kiểm tra ranh giới rõ ràng của các phần khác nhau trên màn hình
  • Kiểm tra Phông chữ được sử dụng trong một ứng dụng có thể đọc được không
  • Kiểm tra căn chỉnh của văn bản có phù hợp không
  • Kiểm tra Màu sắc của phông chữ và các thông báo cảnh báo có đẹp mắt về mặt thẩm mỹ không
  • Kiểm tra để đảm bảo rằng hình ảnh có độ rõ nét tốt
  • Kiểm tra xem hình ảnh có được căn chỉnh đúng cách không
  • Kiểm tra vị trí của các phần tử GUI cho độ phân giải màn hình khác nhau.

Kỹ thuật kiểm tra GUI

Kỹ thuật Kiểm tra GUI có thể được phân loại thành ba phần:

Kiểm tra dựa trên thủ công

Theo cách tiếp cận này, các màn hình đồ họa được người kiểm tra kiểm tra thủ công về sự phù hợp với các yêu cầu nêu trong tài liệu yêu cầu nghiệp vụ.

Ghi lại và phát lại

Kiểm tra GUI có thể được thực hiện bằng cách sử dụng các công cụ tự động hóa. Điều này được thực hiện trong 2 phần. Trong quá trình Ghi, các bước kiểm tra được ghi lại bằng công cụ tự động hóa. Trong khi phát lại, các bước kiểm tra đã ghi được thực hiện trên Ứng dụng Đang Kiểm tra. Ví dụ về các công cụ như vậy - QTP.

Kiểm tra dựa trên mô hình

Mô hình là một mô tả đồ họa về hành vi của hệ thống. Nó giúp chúng tôi hiểu và dự đoán hành vi của hệ thống. Các mô hình giúp tạo ra các trường hợp kiểm thử hiệu quả bằng cách sử dụng các yêu cầu hệ thống. Những điều sau đây cần được xem xét đối với thử nghiệm dựa trên mô hình này:

  • Xây dựng mô hình
  • Xác định đầu vào cho mô hình
  • Tính toán sản lượng mong đợi cho mô hình
  • Chạy các bài kiểm tra
  • So sánh sản lượng thực tế với sản lượng dự kiến
  • Quyết định về hành động tiếp theo trên mô hình

Một số kỹ thuật mô hình hóa mà từ đó các trường hợp thử nghiệm có thể được rút ra:

  • Biểu đồ - Mô tả trạng thái của hệ thống và kiểm tra trạng thái sau một số đầu vào.
  • Bảng Quyết định - Bảng được sử dụng để xác định kết quả cho từng đầu vào được áp dụng

Kiểm thử dựa trên mô hình là một kỹ thuật phát triển để tạo các trường hợp kiểm thử từ các yêu cầu . Ưu điểm chính của nó, so với hai phương pháp trên, là nó có thể xác định các trạng thái không mong muốn mà GUI của bạn có thể đạt được.

Sau đây là các công cụ nguồn mở có sẵn để tiến hành Kiểm tra giao diện người dùng tự động.

Sản phẩm Được cấp phép theo
AutoHotkey GPL
Selen Apache
Sikuli MIT
Khung robot Apache
Nước BSD
Bộ công cụ Dojo BSD

Các trường hợp kiểm tra thử nghiệm GUI mẫu

Kiểm tra GUI về cơ bản bao gồm

  1. Kiểm tra kích thước, vị trí, chiều rộng, chiều cao của các phần tử.
  2. Kiểm tra các thông báo lỗi đang được hiển thị.
  3. Kiểm tra các phần khác nhau của màn hình.
  4. Kiểm tra phông chữ xem nó có thể đọc được hay không.
  5. Thử nghiệm màn hình ở các độ phân giải khác nhau với sự trợ giúp của phóng to và thu nhỏ như 640 x 480, 600x800, v.v.
  6. Kiểm tra sự liên kết của văn bản và các yếu tố khác như biểu tượng, nút, v.v. có ở đúng vị trí hay không.
  7. Kiểm tra màu sắc của phông chữ.
  8. Kiểm tra màu sắc của các thông báo lỗi, thông báo cảnh báo.
  9. Kiểm tra xem hình ảnh có độ rõ nét tốt hay không.
  10. Kiểm tra sự liên kết của các hình ảnh.
  11. Kiểm tra chính tả.
  12. Người dùng không được bực bội khi sử dụng giao diện hệ thống.
  13. Kiểm tra xem giao diện có hấp dẫn hay không.
  14. Kiểm tra các thanh cuộn theo kích thước của trang nếu có.
  15. Kiểm tra các trường bị vô hiệu hóa nếu có.
  16. Kiểm tra kích thước của hình ảnh.
  17. Kiểm tra các tiêu đề xem nó có được căn chỉnh đúng hay không.
  18. Kiểm tra màu sắc của siêu kết nối.

Demo: Cách thực hiện Kiểm tra GUI

Ở đây chúng tôi sẽ sử dụng một số trường hợp thử nghiệm mẫu cho màn hình sau.

Dưới đây là ví dụ về các trường hợp Kiểm thử, bao gồm các kịch bản kiểm tra Giao diện người dùng và Khả năng sử dụng.

TC 01- Xác minh rằng hộp văn bản có nhãn " Thư mục Nguồn " được căn chỉnh đúng cách.

TC 02 - Xác minh rằng hộp văn bản có nhãn " Gói " được căn chỉnh đúng cách.

TC 03 - Xác minh rằng nhãn có tên " Duyệt qua " là một nút nằm ở cuối TextBox với tên " Thư mục Nguồn ".

TC 04 - Xác minh rằng nhãn có tên " Duyệt qua " là một nút nằm ở cuối TextBox với tên " Gói ".

TC 05 - Xác minh rằng hộp văn bản có nhãn " Tên " được căn chỉnh đúng cách.

TC 06 - Xác minh rằng nhãn "Phần bổ trợ " bao gồm 4 nút radio với tên công khai, mặc định, riêng tư, được bảo vệ.

TC 07 - Xác minh rằng nhãn " Modifiers " bao gồm 4 nút radio được liên kết đúng liên tiếp.

TC 08 - Xác minh rằng nhãn " Superclass " trong nhãn " Modifier " bao gồm một danh sách thả xuống phải được căn chỉnh đúng cách.

TC 09 - Xác minh rằng nhãn " Lớp cao cấp " bao gồm một nút có nhãn " Duyệt " trên đó phải được căn chỉnh đúng cách.

TC 10 - Xác minh rằng khi nhấp vào bất kỳ nút radio nào, con trỏ chuột mặc định phải được thay đổi thành con trỏ chuột tay.

TC 11 - Xác minh rằng người dùng không được nhập vào menu thả xuống của " Superclass ".

TC 12 - Xác minh rằng phải có một lỗi thích hợp được tạo ra nếu một cái gì đó đã được chọn nhầm.

TC 13 - Xác minh rằng lỗi phải được tạo bằng màu ĐỎ ở bất kỳ nơi nào cần thiết.

TC 14 - Xác minh rằng các nhãn thích hợp phải được sử dụng trong các thông báo lỗi.

TC 15 - Xác minh rằng các nút radio đơn phải được chọn theo mặc định mọi lúc.

TC 16 - Xác minh rằng nút TAB phải hoạt động bình thường trong khi chuyển sang trường khác bên cạnh trường trước đó.

TC 17 - Xác minh rằng tất cả các trang phải có tiêu đề phù hợp.

TC 18 - Xác minh rằng văn bản trang phải được căn chỉnh chính xác.

TC 19 - Xác minh rằng sau khi cập nhật bất kỳ trường nào, một thông báo xác nhận thích hợp phải được hiển thị.

TC 20 - Xác minh rằng chỉ phải chọn 1 nút radio và có thể chọn nhiều hộp kiểm.

Những thách thức trong thử nghiệm GUI

Trong Kỹ thuật phần mềm, vấn đề phổ biến nhất khi thực hiện Kiểm tra hồi quy là GUI của ứng dụng thay đổi thường xuyên. Rất khó để kiểm tra và xác định xem đó là một vấn đề hoặc một sự nâng cao. Sự cố xuất hiện khi bạn không có bất kỳ tài liệu nào liên quan đến các thay đổi GUI.

Công cụ kiểm tra GUI

Sau đây là danh sách các Công cụ kiểm tra GUI phổ biến :

  • Ranorex
  • Selen
  • QTP
  • Quả dưa chuột
  • SilkTest
  • TestComplete
  • Squish GUI Tester

Nhấp vào đây để tìm hiểu Selenium, QTP & Cucumber.

Phần kết luận:

Sự thành công của một sản phẩm phần mềm phụ thuộc rất nhiều vào cách GUI tương tác với người dùng và sự dễ dàng trong việc sử dụng các tính năng khác nhau của nó. Do đó, kiểm tra GUI là rất quan trọng. Kiểm tra GUI thủ công đôi khi có thể lặp đi lặp lại và nhàm chán và do đó dễ xảy ra lỗi. Tự động hóa rất được khuyến khích cho thử nghiệm GUI.

Bài viết này được thực hiện nhờ sự đóng góp của Swati Ghildiyal, Prateek Chandra và Guru99.