Truy cập các yếu tố phản ứng bằng cách sử dụng Appium để tự động hóa

Question

Tôi đã sử dụng Appium để thử nghiệm một ứng dụng Android lai bao gồm chuyển đổi thường xuyên giữa bối cảnh NATIVE và WEBVIEW. Các Webviews này được phát triển bằng cách sử dụng thư viện React.

Để hiểu biết của tôi và chính xác cho tôi nếu tôi sai, How React Works là nó tạo ra một DOM ảo bằng cách sử dụng DOM thực và tạo ra một tên lớp động tương ứng với những người trong javascript. Diff Algorithm cung cấp cách hiệu quả để phân biệt các đối tượng bằng cách sử dụng các tên lớp được tạo tự động đó.

---

Vấn đề tôi đang phải đối mặt là sử dụng Appium Tôi không thể truy cập vào các yếu tố từ những webview sử dụng bất kỳ phương pháp findElementsBy. Tên lớp là tham số duy nhất hiển thị cho UIAutomator mà chúng ta thực sự có thể dựa vào được thay đổi bởi React trên mỗi bản dựng mới được tạo ra.

1. Có cách nào để tôi có thể cấu trúc lại các tên lớp tự động tạo ra một số cái tên hợp lý bằng cách sử dụng thư viện riêng của mình Phản ứng?

Các chrome inspect cung cấp các chi tiết của webview trong ứng dụng của tôi như:

<div class="_32f8NoUfyUtNSxo3w4Ptbp" data-reactid=".0.1.$=13:0.0.0">…</div> 

2. Bất kỳ ý tưởng về làm thế nào để truy cập vào các phần tử DOM thực tế sử dụng Appium cho trường hợp này?

Thông tin: WebView.setWebContentsDebuggingEnabled(true) được thiết lập trong các mã ứng dụng.

Sẽ đánh giá cao mọi khách hàng tiềm năng tại đây.

Answer 1

Dựa vào liên kết này: https://github.com/facebook/react-native/issues/7135

Cách giải quyết cho vấn đề này: sử dụng cả hai tiếp cận và accessibleLabel trên quan điểm của bạn

DOC trên nhãn Accessiblity: https://facebook.github.io/react-native/docs/accessibility.html#accessibilitylabel-ios-android

On tôi phản ứng thành phần có nguồn gốc:

<TextInput accessible={true} accessibilityLabel={'Tap Me'}></TextInput> 

Trên tập lệnh của tôi Thử nghiệm:

mobileElement = find_Element(accessibilty_id, "Tap Me") 
mobileElement.send_keys "hello world"