純H5自動化及性能測試

純H5的自動化及性能測試

1、連接設備並查看設備上是否開啟了devtools

　　連接設備：adb connect emulator-5554

　　打開瀏覽器並用命令查看是否開啟了devtools：adb shell cat /proc/net/unix | grep devt

  

　　如上則是開起了開發者調試，這時可以在瀏覽器上查看到設備的信息

2、在瀏覽器上查看設備的信息

　　Chrome中輸入：chrome://inspect/#devices

    

3、點擊inspect可以在瀏覽器上進行調試H5頁面了（如需打開請自行背上雲梯😜）

　　尋找定位屬性

　　調試接口請求進行前端開發

　　測試H5前端性能

4、純H5自動化測試

　　一、從2中查看Chrome的版本信息並去下載相應的driver

　　driver下載地址：https://npm.taobao.org/mirrors/chromedriver

　　二、定位頁面中的頁面屬性，這有兩種方式：

　　1、通過inspect打開的調試快照進行元素的定位；

　　2、直接通過Chrome瀏覽器模擬手機頁面顯示

　　    

　　　　我用的第2種方式，如上截圖

 　　三、進行自動化代碼的編寫，直接上示例

from appium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait
import time

class TestView():
    def setup(self):
        caps = {}
        caps["browserName"] = "chrome" #這也可以寫 browser
        caps["deviceName"] = "Android Emulator"
        caps["platformName"] = "Android"
        #指定Chromedriver的路徑，最后chromedriver是unix可執行程序！
        caps["chromedriverExecutable"] = "/Users/aaron/Downloads/chromedriver"

        self.driver = webdriver.Remote("http://localhost:4723/wd/hub", caps)

    def test_webview(self):
        url = "http://www.baidu.com"
        self.driver.get(url=url)
        WebDriverWait(self.driver,15).until(expected_conditions.visibility_of_element_located((By.NAME,"word")))
        self.driver.find_element_by_name("word").send_keys("appium")
        #打印一下上下文信息
        print(self.driver.contexts)
        #切換native   
        self.driver.switch_to.context(self.driver.contexts[0])
        self.driver.find_element_by_id("android:id/button2").click()

    def teardown(self):
        time.sleep(20)
        self.driver.quit()

5、純H5性能測試

用Chrome開發者工具同web前端的優化展示