![[Appium Java] Bài 4 - Sử dụng Appium Inspector để tìm Element trên mobile app (Native/Flutter)](/uploads/course/banner_course_appium_java_online_anh_tester.jpg)
NỘI DUNG BÀI HỌC
✅ Giới thiệu Appium Inspector
✅ Cài đặt Appium Inspector
✅ Sử dụng Appium Inspector để tìm Element
✅ Cách kiểm tra app là dạng Native hay Flutter✅ Giới thiệu Appium Inspector
Appium Inspector là một công cụ giao diện người dùng (GUI) được sử dụng để kiểm tra, định vị và tương tác với các thành phần giao diện người dùng trong ứng dụng di động. Nó được xây dựng bởi team Appium, mục đích chính của Appium Inspector là hỗ trợ người dùng Appium có thể tương tác với giao diện ứng dụng mobile một cách tiện lợi, dễ dàng.
Giao diện Appium Inspector:
🔆 Chức năng chính của Appium Inspector
-
Phân tích giao diện ứng dụng:
- Appium Inspector cho phép bạn kiểm tra và duyệt qua cấu trúc giao diện người dùng (UI) của ứng dụng di động.
- Hiển thị hierarchy (cây cấu trúc) của các thành phần giao diện, cùng với các thuộc tính chi tiết như
id,class,text,content-desc, v.v.
-
Định vị các phần tử UI:
- Bạn có thể tìm kiếm và kiểm tra khả năng định vị các phần tử trong ứng dụng thông qua các locator như:
- XPath
- ID
- Accessibility ID
- Class Name
- Điều này rất hữu ích để tạo các script tự động hóa kiểm thử chính xác.
- Bạn có thể tìm kiếm và kiểm tra khả năng định vị các phần tử trong ứng dụng thông qua các locator như:
-
Thử nghiệm tương tác với ứng dụng:
- Appium Inspector cho phép bạn gửi các lệnh tương tác trực tiếp với ứng dụng, chẳng hạn như:
- Nhấp chuột (Click).
- Vuốt (Swipe).
- Gõ văn bản (Type text).
- Điều này giúp kiểm thử viên xác minh hành vi của ứng dụng trước khi viết mã tự động hóa.
- Appium Inspector cho phép bạn gửi các lệnh tương tác trực tiếp với ứng dụng, chẳng hạn như:
-
Tạo mã tự động hóa:
- Appium Inspector có thể tạo sẵn các đoạn mã lệnh (code snippets) tương ứng với hành động được thực hiện trên ứng dụng. Bạn có thể sử dụng mã này trong các script kiểm thử của mình.
🔆 Cách thức hoạt động Appium Inspector
-
Cách thức hoạt động:
- Kết nối Appium Inspector với Appium Server.
- Khởi chạy ứng dụng trên thiết bị thực (hoặc giả lập).
- Phân tích giao diện, tương tác với ứng dụng, và trích xuất các locator cần thiết để tạo script.
-
Yêu cầu:
- Appium Server phải được thiết lập và chạy.
- Ứng dụng cần kiểm thử (Android hoặc iOS).
- Thiết bị hoặc trình giả lập được kết nối với máy tính.
🔆 Ưu điểm của Appium Inspector:
- Dễ sử dụng với giao diện thân thiện, đơn giản, dễ hiểu.
- Hỗ trợ cả Android và iOS.
- Giúp giảm thời gian và công sức trong việc xác định các locator phức tạp.
✅ Cài đặt Appium Inspector
Tải bản cài đặt phù hợp với hệ điều hành tại GitHub chính thức từ Appium:
Chúng ta tải bản mới nhất và chọn hệ điều hành phù hợp nhé.
Các bạn tải về xong nhấn file cài đặt bình thường, nhấn next là được, không có tuỳ chọn gì đặt biệt.
Giao diện của Appium Inspector sau khi cài đặt xong mở lên như này:
✅ Sử dụng Appium Inspector để tìm Element
Sau khi cài đặt xong Appium Inspector, bạn cần liên kết với Appium Server:
- Start Appium Server bằng cách chạy lệnh trên Command Prompt:
appium
- Mở Appium Inspector.
- Nhập thông tin kết nối:
- Remote Host:
127.0.0.1(nếu chạy cục bộ). - Remote Port:
4723(cổng mặc định của Appium). - Remote Path: để trống đối với Appium 2x (đường dẫn mặc định).
- Remote Host:
- Nhấn nút Edit JSON Representation để thêm cấu hình mobile device và ứng dụng cần kết nối đến:
{ "platformName": "Android", "appium:deviceName": "Pixel_8_Pro_API_35", "appium:automationName": "UiAutomator2", "appium:appPackage": "com.anhtester.mobile_app.taurus", "appium:appActivity": "com.anhtester.mobile_app.taurus.MainActivity", "appium:platformVersion": "15", "appium:noReset": true }
- Nhấn Start Session để kết nối.
- Giao diện kết nối thành công đến mobile app chỉ định
🔆 Xác định element trên mobile app sử dụng Appium Inspector
- Click chọn tab dấu mũi tên để kích hoạt chế độ rê chuột xác định element trên giao diện mobile app.
- Rê chuột đến vị trí cần xác định element (có màu vàng đánh dấu) và click chuột trái vào để chọn xem thông tin.
- Thông tin element hiển thị trong cấu trúc source dạng cây thư mục vùng ở giữa và phần thông tin locator hiển thị ra với các kiểu tìm kiếm khác nhau vùng bên phải.
- Copy giá trị của các loại locator cần xác định, dán vào code Appium Java để chạy automation.
Bên trên là do tools Appium Inspector gợi ý giá trị locator nên có thể có những giá trị xpath chưa như ý muốn.
Cách xác định với cú pháp Xpath chuyên nghiệp hơn sẽ được học kỹ ở bài sau.
✅ Cách kiểm tra app là dạng Native hay Flutter
Một ứng dụng mobile nếu là Developer chuyên nghiệp thì họ có thể nhận diện được thông qua giao diện, nhưng chúng ta nhiều khi ít tiếp xúc nên nhìn vào thấy như nhau cả. Tuy nhiên app mobile lại được thiết kế bởi nhiều công nghệ hoặc thư viện hỗ trợ khác nhau, từ đó dẫn đến cách xử lý automation test cũng khác nhau một chút.
Cụ thể hiện nay có 2 dạng app mobile chính là Native app và Flutter app mà mình đã giới thiệu phân biệt ở bài đầu tiên. Giờ mình sẽ chỉ cho các bạn kiểm tra nguồn gốc app mobile là dạng Native hay Flutter bằng app Flutter Shark.
- Mở Google Play Store cài đặt app có tên Flutter Shark.
- Mở app FlutterShark lên sau khi cài đặt
- App FlutterShark tự quét và hiển thị các app mobile dạng Flutter đang được cài đặt trên thiết bị.
- Còn lại các app không hiển thị là Native app 😜
Các app mobile demo cho các bạn cài đặt để học automation test:
Zalo
