手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

博為峰網校發表於2019-06-25

普通的移動app是需要安裝的,但是絕大部分的app不會經常使用,但仍然會佔用手機儲存空間,所以開始出現免安裝app,微信小程式實際是一種免安裝的app。類似的比如華為、小米等手機廠商推出的快應用、支付寶小程式。微信小程式實際是執行在微信之上。

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

小程式的類網頁經過微信翻譯之後以http資料的形式和伺服器進行互動。小程式無法脫離微信來進行使用。

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

微信小程式的頁面可以包含:

1、小程式頁面(WXML+WXSS)

2、M頁頁面(H5移動網頁)

3、toast資訊(過一段時間會自動消失的資訊,比如登入成功的提示資訊,1、2秒後自動消失)

4、彈窗

微信小程式功能測試

微信小程式分為三個版本:

1、開發版

2、體驗版(需要在小程式管理平臺裡新增體驗使用者才可以使用)

3、正式版

微信小程式介面的操作的測試,跟移動app、web網站沒什麼區別。

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

開發者工具測試(開發版)

透過AppData可以比介面檢查的更細。類似於fiddler中inspectors。

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

藉助於真機除錯,可以修改AppData中的資料,對微信小程式做一些大值測試或者異常測試。

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

掃碼後

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點
手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

透過修改真機除錯介面中AppData中的資料可以實現和fiddler中autoresponder類似的功能,檢查各種資料的情況下介面的顯示。

因為微信小程式是執行在微信之上的,所以各種功能互動更多是微信考慮處理,測試微信小程式時可以不用太考慮。

Fiddler工具測試(體驗版/正式版)

對於體驗版或者正式版,可以完全類似於移動app的測試方式,利用fiddler來做測試。

使用步驟:

1、電腦上的fiddler設定抓取和解析https的包

2、手機上安裝fiddler的證書

3、手機上開啟代理

執行小程式後,即可以在fiddler上看到抓取的https的包。

微信小程式效能測試

移動app的效能測試關注:

1、業務響應時間(啟動時間/頁面切換時間),透過logcat中查詢displayed關鍵字

2、Cpu,emmagee

3、Gpu,過度繪製、高速相機

4、記憶體,emmagee

5、流量,emmagee

6、電量,emmagee

微信小程式因為一般執行的時間短、頻度低,所以關注的效能指標比app要少一些。

1、業務響應時間(小程式包下載時間/啟動時間/頁面切換時間)

2、記憶體

3、Cpu

4、幀率

5、資料快取大小

微信小程式針對開發版提供效能監控器工具。

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

開啟後,重啟小程式

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

透過展示出來的效能資料,我們能夠直觀的看到實時的效能,比如切換頁面時的頁面切換耗時。如果想要看效能的整體的長時間變化趨勢,則需要藉助trace工具。

1、在除錯小程式的真機中操作匯出trace資料(前提是開啟效能監控皮膚)

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

2、開發者工具中選中trace工具

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

3、選擇儲存trace記錄的手機(前提是adb能連線上手機)

4、選擇前面匯出的trace資料

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

Cpu變化趨勢

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

Fps趨勢(gpu繪製)

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

部分fps明顯偏小,屬於效能的bug。

記憶體趨勢

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點
手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

其它

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

微信小程式相容性測試

移動app的相容性測試包含:

1、android版本的相容,4.0、5.0、7.0

2、機型的相容,hdpi、xhdpi、xxxhdpi

微信小程式的相容性測試包含:

1、作業系統相容性(相容android系統和ios系統),android系統和ios系統對js程式碼的處理存在差異,所以需要考慮這兩個系統的相容性。實際工作中同一個小程式,需要在android微信上和ios微信上分別進行測試。

2、機型相容性(螢幕的適配),微信小程式中考慮了螢幕的自動適配,專門設計了一個rpi單位,但還是不能完全保證適配沒問題,所以針對小程式仍然需要考慮機型相容。

3、微信版本的相容性(基礎庫版本適配)

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點
手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

針對開發版,透過修改除錯基礎庫版本即可做相容性測試。

微信小程式網路測試

移動app 的網路測試考慮:

1、強網測試,不同網路下使用、網路切換下的使用

2、弱網測試

3、無網測試

微信小程式和移動app的網路測試類似。

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點

微信小程式特殊測試點

1、小程式包大小不能超過3M,開發版對大小沒有限制,但是體驗版和正式版都有限制。

2、頁面層級跳轉不能超過10次,比如分類-》居家-》布藝軟裝-》居家-》被枕-》居家-》。。。達到10次就無法跳轉了,如果非要有這種跳轉方式,需要考慮不讓微信覺得是10次跳轉。

3、快取,微信小程式為了提升使用者體驗,會快取使用者的頁面及資料,方便下次呼叫時直接使用。可能產生的問題:

1)微信小程式快取的資料是否和伺服器端一致。實際測試時可以先訪問頁面,然後修改伺服器上資料,再回看小程式中頁面,看資料是否一致。

2)切換相似的頁面,看是否快取的資料會產生混亂,比如居家和餐廚兩個分類,切換分類的時候,會不會因為快取導致具體資訊不發生變化。

手把手教你測試微信小程式,附軟體測試員必知的20個常見測試點


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31407649/viewspace-2648712/,如需轉載,請註明出處,否則將追究法律責任。

相關文章