軟件測試人員必知H5&小程序測試點
最近接觸了較多關(guān)于H5頁面的測試，H5頁面的測試除了業(yè)務(wù)邏輯功能測試外，其他部分的測試方法基本是可以通用的,在此對H5頁面和小程序的一些通用測試方法進(jìn)行總結(jié)分享給大家
01
H5相關(guān)測試
H5優(yōu)勢：
1.H5可以跨平臺，開發(fā)成本相對較低；
2.H5可隨時上線就更新版本，適合快速迭代；
3.H5可以輕量的觸達(dá)用戶，提供更快捷的服務(wù)；
4.在微信入口或者瀏覽器上，用戶只需點開鏈接就可以獲取我們所提供的服務(wù)
?
H5劣勢：
1.H5->的轉(zhuǎn)化強(qiáng)依賴于瀏覽器；
2.H5目前基本無法將數(shù)據(jù)存儲在本地，依賴實時性數(shù)據(jù)，網(wǎng)絡(luò)狀態(tài)不好的時候卡到哭。
3.性能相對較低，影響用戶體驗
H5功能驗證
1.通過H5網(wǎng)頁（非手機(jī)的返回功能）的返回功能可以返回，不會出現(xiàn)無法返回的情況
?
返回邏輯：
1.對于頁面中的返回，以及瀏覽器自帶的返回的測試。頁面中的返回要考慮業(yè)務(wù)邏輯，返回到相應(yīng)層次，需要從用戶角度返回的轉(zhuǎn)跳邏輯，不能出現(xiàn)死循環(huán)
并要注意返回后是否需要刷新頁面請求通過H5頁面（非手機(jī)自帶返回鍵）的返回功能鍵返回，可以返回到正確的頁面（上一級/退出H5）點擊返回與back鍵，回退頁面是否是期望頁面
?
2.橫屏豎屏相互切換，能自適應(yīng)，并且布局不會亂掉；或頁面只支持橫或豎屏限制
?
3.在手機(jī)上從list點擊進(jìn)入detail頁面，要在原窗口打開，這樣可以通過頁頭的返回按鈕返回，而不需要通過手機(jī)的返回鍵返回，這樣交互上更友好
?
4.關(guān)注頁面請求，是否會有多余的請求，或者請求后有多余的數(shù)據(jù)返回，盡量精簡，否則會浪費流量
?
5.圖片適配測試，根據(jù)不同屏幕和分辨率做適配，以及適配后的清晰度，高端機(jī)取雙倍尺寸的圖--app兼容測試
?
02
小程序測試技術(shù)
小程序的特點
1.類似WEB.非HTML5
2.即用即走，隨手可得
3.擁有離線能力
4.基于微信跨平臺
5.媲美原生操作體驗
?
小程序的入口
1.掃碼進(jìn)入小程序
2.搜索小程序
3.小程序發(fā)送到桌面（Android）
4.發(fā)送給朋友
?
小程序的架構(gòu)
1.微信小程序的框架包含兩部分，View視圖層、App Serive邏輯層，View視圖層用力啊渲染頁面結(jié)構(gòu)，App Serive邏輯層用來邏輯處理、數(shù)據(jù)請求、接口調(diào)用，它們在兩個線程里運行
?
2.View視圖層使用WebView渲染，App Serive邏輯層使用JSCore運行
?
3.View視圖層和App Serive邏輯層通過系統(tǒng)層的JSBrigdage進(jìn)行通信，App Serive邏輯層把數(shù)據(jù)變化通知到WebView渲染，觸發(fā)WebView渲染頁面更新，WebView渲染把觸發(fā)的事件通知到App Serive邏輯層進(jìn)行業(yè)務(wù)處理
小程序的測試點
1.功能測試
輸入
輸出
邊界值
頁面交互---微信小程序里面界面交互
系統(tǒng)問題方面測試--低電，來電話，數(shù)據(jù)線插拔，充電狀態(tài)，重啟等情況
?
2.界面測試
設(shè)計是否美觀
是否符合需求說明
尺寸是否合理
對于橫豎屏切換使用好不同手機(jī)分辨率和尺寸的要求是否符合
?
3.兼容性測試
操作系統(tǒng)---IOS、Android
微信版本--小程序的api(接口)庫
其他微信小程序
屏幕大小和分辨率因素
不同網(wǎng)絡(luò)狀態(tài)下的測試---2G/3G/4G/WIFI
?
4.與微信功能的交互測試
入口--下拉框、發(fā)現(xiàn)模塊搜索
交易--微信錢包、微信卡包
與微信其他功能的切換--搶紅包、文字聊天、語音聊天、視頻通話
?
5.性能測試
頁面響應(yīng)時間
資源占用
渲染時間
耗電量
白屏?xí)r間
幀率
?
6.安全性測試
接口測試--傳遞的數(shù)據(jù)的安全性
危險賬號授權(quán)
與小程序的app賬號關(guān)聯(lián)
?
7.易用性測試
是否方便使用
提示信息是否完整
各個功能是否可用
是否方便查找
是否可以離線使用
進(jìn)入小程序過程是否簡單易操作
?
8.其他注意事項
小程序升級更新--一般為強(qiáng)制升級和更新
小程序目前不支持分享至朋友圈，但是可以用圖片的方式分享至朋友圈
小程序的添加和刪除
微信端取消授權(quán)登錄
本文來自：軟件測試面試匯總? 作者：TestMadman