python+Appium自動化：H5元素定位

問題思考

在混合開發的App中，常常會有內嵌的H5頁面。那麼這些H5頁面元素該如何進行定位操做呢？

 

 

 

解決思路

針對這種場景直接使用前面所講的方法來進行定位是行不通的，由於前面的都是基於Andriod原生控件進行元素定位，而Web網頁是單獨的B/S架構，二者的運行環境不一樣所以須要進行上下文（context）切換，而後對H5頁面元素進行定位操做。

context

關於應用程序環境的全局信息的接口。 這是一個抽象類，其實現由Android系統提供。 它容許訪問特定於應用程序的資源和類，以及對應用程序級操做的調用，如啓動活動、廣播和接收意圖等。

通俗理解

在程序中context咱們能夠理解爲當前對象在程序中所處的一個環境。 好比前面提到的App一個界面是屬於Activity類型，也就是Android界面環境，可是當訪問內嵌的網頁是屬於另一個環境（網頁環境），二者處於不一樣的一個環境。

例子地址：https://drfone.wondershare.com/backup.html

 

 

WebView

WebView是Android系統提供能顯示網頁的系統控件，它是一個特殊的View，同時它也是一個ViewGroup，能夠有不少其餘子View。

 NATIVE_APP:這個就是native，也就是原生的

driver.switch_to.context("NATIVE_APP")

WEBVIEW_com.xxxx :這個就是webview

driver.switch_to.context("WEBVIEW_com.xxxx")

H5元素定位環境搭建

1.PC版谷歌瀏覽器下載，官網地址下載

2.手機版Chrome瀏覽器  推薦用Google play去下載

3.Chrome driver 下載  須要根據本身電腦上下載的谷歌版本相匹配，ChromeDriver版本與Chrome版本對應表

下載後放置此路徑下C:\Users\XXX\AppData\Local\appium-desktop\app-1.5.0\resources\app\node_modules\appium\node_modules\appium-chromedriver\chromedriver\win

 

操做步驟

1. 手機與電腦鏈接，開啓USB調試模式，經過adb devices可查看到此設備。（設備系統Android 5.0以上）
2. 電腦端、移動端必須安裝chrome瀏覽器。（儘可能保證移動端chrome版本與PC端一致）根據對應的Chrome瀏覽器版本安裝對應的Chrome driver。
3. App Webview開啓debug模式
4. 在電腦端Chrome瀏覽器地址欄輸入chrome://inspect/#devices，進入調試模式
5. 執行測試腳本
6. 打開app對應的h5頁面，在 chrome://inspect/#devices 地址中，檢查是否顯示對應的webview，如沒有，則當前未開啓調試模式。
7. 在自動化腳本中，進入到對應的H5頁面，打印輸出當前context,若是一直顯示爲Natvie App，則webview未開啓。

Webview 調試模式檢查與開啓

基礎檢查方式

開啓方式：在app中配置以下代碼：

（在WebView類中調用靜態方法setWebContentsDebuggingEnabled）：

if (Build.VERSION.SDK_INT >=Build.VERSION_CODES.KITKAT) {  

 WebView.setWebContentsDebuggingEnabled(true);

注：此步驟，通常須要App開發人員開啓。

 

例子：

場景:啓動dr.fone app 進入backup H5頁面中的輸入郵箱並點擊提交，而後返回

測試環境

測試設備：逍遙模擬器 Android 5.1 /Chrome 78.0.3904.96

PC系統環境: Win7 64bit /79.0.3945.79(最好跟手機端的版本保持一致吧)

測試app: dr.fone3.2.0.apk

H5頁面地址：https://drfone.wondershare.com/backup.html

需求分析

1. 先進入到H5頁面，而後切換到context,再進行相關元素定位操做。
2. conetext切換：能夠經過contexts()方法來獲取到頁面的全部context,而後切換到H5頁面的context
3. 在H5頁面進行元素定位操做

獲取方法實踐

contexts=driver.contexts

print(contexts) 

#打印結果

 

 具體代碼：

# -*- coding: utf-8 -*-#

from appium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.common.exceptions import NoSuchElementException
import time
desired_caps = {
               "platformName": "Android",
               "platformVersion": "5.1",
               "deviceName": "U4KF9HSK99999999",
               "appPackage": "com.wondershare.drfone",
               "appActivity": "com.wondershare.drfone.ui.activity.WelcomeActivity",
               "unicodeKeyboard":True,
               "resetKeyboard":True,
               "noReset": True,
               #"ANDROID_UIAUTOMATOR":"Uiautomator2",
               # "chromeOptions": {"androidProcess": "com.wondershare.drfone"}
                }
driver = webdriver.Remote("http://localhost:4723/wd/hub",desired_caps)
driver.implicitly_wait(5)

print("click backipbtn")
driver.find_element_by_id("com.wondershare.drfone:id/btnBackup").click()

element= WebDriverWait(driver,30).until(lambda x:x.find_element_by_id("com.wondershare.drfone:id/btnRecoverData"))
print("click nextbtn")
element.click()
try:
  time.sleep(2)
  driver.find_element_by_class_name("android.webkit.WebView")
except NoSuchElementException:
  #防止網絡中斷，刷新一下
  print("no network")
  driver.find_element_by_id("com.wondershare.drfone:id/online_error_btn_retry").click()
  contexts=driver.contexts
  print(contexts)
else:
  contexts=driver.contexts
  print(contexts)

print("switch to webview")
time.sleep(2)
driver.switch_to.context('WEBVIEW_com.wondershare.drfone')

print("編輯郵箱,提交")
driver.find_element_by_id("email").send_keys("123456@qq.com")
driver.find_element_by_class_name("btn_send").click()

print("switch to native")
driver.switch_to.context(contexts[0])
driver.find_element_by_class_name("android.widget.ImageButton").click()

 

參考轉載：https://www.cnblogs.com/xuzhongtao/p/9723210.html