Home / BLOG / Hướng dẫn Test giao diện (Test GUI) cho WEB, WAP

Hướng dẫn Test giao diện (Test GUI) cho WEB, WAP

Ngoài việc Test chức năng (Test Functions) thì công việc của Tester cũng cần phải biết là Test giao diện hay còn được là Test GUI. Giao diện có đẹp bắt mắt người dùng cộng thêm các chức năng hoạt động ổn định thì khi đó dự án mới được coi là thành công. Test GUI là một phần không thể thiếu trong các dự án về website.

Thông thường một dự án về  kiểm thử WEB thì luôn có một đội phác thảo giao diện và một đội thiết kế giao diện (desgin), từ file desgin psd một đội khác sẽ cắt sang HTML. File giao diện đó sẽ được chuyển sang cho đội test để test css.

Để test giao diện cho website thì làm như thế nào?

Chúng ta sẽ lấy file design đó làm chuẩn cho việc test css khi test cần quan tâm đến một số điểm sau:

1 . Kiểm tra màu nền chung của toàn bộ màn hình có được set đúng theo yêu cầu không?
2 . Kiểm tra màu chữ, font, font size của tất cả các textbox có set đúng theo yêu cầu không?
3 . Kiểm tra background (màu nền) của tất cả các textbox có set đúng theo yêu cầu không?
4 . Kiểm tra màu chữ, font, font size của tất cả các label có set đúng theo yêu cầu không?
5 . Kiểm tra background (màu nền) của tất cả các label có set đúng theo yêu cầu không?
6 . Kiểm tra màu chữ và màu nền của các textbox trong chế độ read-only có được set đúng theo yêu cầu hay không?
7 . Kiểm tra tất cả các control trên màn hình có được canh đều hay không? (Label, textbox, checkbox, list , …)
8 . Kiểm tra mặc định tất cả các ký tự chữ và ký tự số đều canh trái. Ngọai trừ trường hợp có yêu cầu cụ thể
9 . Kiểm tra mặc định tất cả các số đều canh phải. Ngọai trừ trường hợp có yêu cầu cụ thể.
10 . Kiểm tra tất cả các msg thông báo trên màn hình có được viết đúng chính tả hay không?
11 . Kiểm tra tất cả các giá trị input chữ hoa hay chữ thường có được hiển thị đúng hay không?
12 . Kiểm tra tất cả các textbox có yêu cầu set border hay không?
13 . Kiểm tra độ phân giải của màn hình có được set theo đúng chuẩn yêu cầu hay không?VD độ phân giải tối thiểu là 800×600

14. Test trên nhiều trình duyệt khác nhau như: Google Chrome, FireFox, IE, Safari…

Đa phần một dự án về WEB thì đều làm luôn Responsive  cho giao diện. Phần này luôn xảy ra nhất nhiều bug phát sinh trên các thiết bị khác nhau.

Vậy lấy đâu ra nhiều thiết bị để test?

Mình sẽ giới thiệu một trang web để giả lập cho việc test, mình dùng cảm thấy rất OK

Link: http://quirktools.com/screenfly/

 

Trang này giả lập rất nhiều device từ: Desktop, Tablet, Mobile, Television… cho việc kiểm thử trên di động.

Việc test trên WAP cũng giống với test trên WEB nhưng cần lưu ý một số điểm sau:

  • Một số trình duyệt không hỗ trợ CSS, JS mới như Operamini, UC Brower…
  • Kiểm tra xoay ngang dọc màn hình
  • Kiểm tra load dữ liệu khi dùng mạng di động

Tóm lại:

Việc test giao diện cho Website là rất cần thiết cho một dự án, giao diện có đẹp thì mới thu hút được người sử dụng.Ở thời đại mà việc lướt web bằng thiết bị di động đang dần chiếm lĩnh rồi! Trên đây là một vài lưu ý cũng như hướng dẫn cách test gui  mong mọi người có kinh nghiệm về tester góp ý thêm.

Trả lời

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *