h5 bootstrap 小程序模板_软件测试人员必知H5/小程序测试点
最近接觸了較多關于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/小程序测试点的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: android app links,An
- 下一篇: matplotlib给坐标轴特定的位置加