最近接觸了較多關于H5頁面的測試，H5頁面的測試除了業務邏輯功能測試外，其他部分的測試方法基本是可以通用的,在此對H5頁面和小程序的一些通用測試方法進行總結分享給大家

01

H5相關測試

H5優勢：

1.H5可以跨平臺，開發成本相對較低；

2.H5可隨時上線就更新版本，適合快速迭代；

3.H5可以輕量的觸達用戶，提供更快捷的服務；

4.在微信入口或者瀏覽器上，用戶只需點開鏈接就可以獲取我們所提供的服務

H5劣勢：

1.H5->的轉化強依賴于瀏覽器；

2.H5目前基本無法將數據存儲在本地，依賴實時性數據，網絡狀態不好的時候卡到哭。

3.性能相對較低，影響用戶體驗

H5功能驗證

1.通過H5網頁(非手機的返回功能)的返回功能可以返回，不會出現無法返回的情況

返回邏輯：

1.對于頁面中的返回，以及瀏覽器自帶的返回的測試。頁面中的返回要考慮業務邏輯，返回到相應層次，需要從用戶角度返回的轉跳邏輯，不能出現死循環

并要注意返回后是否需要刷新頁面請求通過H5頁面(非手機自帶返回鍵)的返回功能鍵返回，可以返回到正確的頁面(上一級/退出H5)點擊返回與back鍵，回退頁面是否是期望頁面

2.橫屏豎屏相互切換，能自適應，并且布局不會亂掉；或頁面只支持橫或豎屏限制

3.在手機上從list點擊進入detail頁面，要在原窗口打開，這樣可以通過頁頭的返回按鈕返回，而不需要通過手機的返回鍵返回，這樣交互上更友好

4.關注頁面請求，是否會有多余的請求，或者請求后有多余的數據返回，盡量精簡，否則會浪費流量

5.圖片適配測試，根據不同屏幕和分辨率做適配，以及適配后的清晰度，高端機取雙倍尺寸的圖--app兼容測試

02

小程序測試技術

小程序的特點

1.類似WEB.非HTML5

2.即用即走，隨手可得

3.擁有離線能力

4.基于微信跨平臺

5.媲美原生操作體驗

小程序的入口

1.掃碼進入小程序

2.搜索小程序

3.小程序發送到桌面(Android)

4.發送給朋友

小程序的架構

1.微信小程序的框架包含兩部分，View視圖層、App Serive邏輯層，View視圖層用力啊渲染頁面結構，App Serive邏輯層用來邏輯處理、數據請求、接口調用，它們在兩個線程里運行

2.View視圖層使用WebView渲染，App Serive邏輯層使用JSCore運行

3.View視圖層和App Serive邏輯層通過系統層的JSBrigdage進行通信，App Serive邏輯層把數據變化通知到WebView渲染，觸發WebView渲染頁面更新，WebView渲染把觸發的事件通知到App Serive邏輯層進行業務處理

小程序的測試點

1.功能測試

輸入

輸出

邊界值

頁面交互---微信小程序里面界面交互

系統問題方面測試--低電，來電話，數據線插拔，充電狀態，重啟等情況

2.界面測試

設計是否美觀

是否符合需求說明

尺寸是否合理

對于橫豎屏切換使用好不同手機分辨率和尺寸的要求是否符合

3.兼容性測試

操作系統---IOS、Android

微信版本--小程序的api(接口)庫

其他微信小程序

屏幕大小和分辨率因素

不同網絡狀態下的測試---2G/3G/4G/WIFI

4.與微信功能的交互測試

入口--下拉框、發現模塊搜索

交易--微信錢包、微信卡包

與微信其他功能的切換--搶紅包、文字聊天、語音聊天、視頻通話

5.性能測試

頁面響應時間

資源占用

渲染時間

耗電量

白屏時間

幀率

6.安全性測試

接口測試--傳遞的數據的安全性

危險賬號授權

與小程序的app賬號關聯

7.易用性測試

是否方便使用

提示信息是否完整

各個功能是否可用

是否方便查找

是否可以離線使用

進入小程序過程是否簡單易操作

8.其他注意事項

小程序升級更新--一般為強制升級和更新

小程序目前不支持分享至朋友圈，但是可以用圖片的方式分享至朋友圈

小程序的添加和刪除

微信端取消授權登錄

本文來自：軟件測試面試匯總? 作者：TestMadman

點贊、在看、轉發一波

總結

以上是生活随笔為你收集整理的h5 bootstrap 小程序模板_软件测试人员必知H5/小程序测试点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。