Html5 App 測試方法總結(本文轉自微博road_testing_上海魯德 )

最近很火的Html5 app其實是Web app的一種，在測試過程當中能夠延續Web App測試的部分方法，同時兼顧手機端的一些特性便可，下面幫你們總結下Html5 app 相關測試方法！

需求設計測試：

這一塊主要是從需求以及實現方法上，經過原型圖以及真實用戶體驗和用戶習慣，來進行；檢查需求的合理性以及是否有更好地實現方法等。

把問題發如今源頭，減小後期因需求變動引發開發和測試的迭代成本。

在需求階段即介入測試功能點的編寫和記錄，也符合儘早介入測試的原則。

接口測試

這塊主要根據開發同窗提供的接口文檔經過Jmeter等攻距進行測試

主要關注點爲：

一、接口返回的數據指望的是否一致；

二、接口入參的邊界值校驗 ；

三、檢查接口的容錯性 好比對於傳輸數據類型錯誤可否處理等，整型的輸入小數、中英文等；

四、接口的性能狀況，調用接口數據返回的時間，接口反應慢確定影響用戶體驗。

五、接口的安全性：接口部分敏感信息是否加密傳輸等

功能測試

可用性：測試中的重點，能夠根據公司的業務和功能進行測試。

用戶界面測試

根據測試和評審修改過的UED（用戶體驗設計），測試開發遞交的測試包。

風格、樣式、顏色是否協調，不只包括HTML5自己，由於HTML5會嵌入App裏面，因此要考慮h5的風格、樣式、顏色是否與app自己協同，不至於格格不入，包括用戶習慣等也最好保持一致或相近，最好在設計初期就有顏色、按鈕、圖片、背景、邊框等詳細規劃和統一。

可是正是因爲H5的可移植性，同一服務會嵌入到N家客戶的產品中，難以與各家都徹底統一，因此在設計中就應該考慮這些問題。

兼容性測試

前文提到PC  web由於沒法兼容IE6.7.8。PC主要測試在不一樣系統下不一樣瀏覽器google、firefox、360、IE九、IE十、IE11等主流瀏覽器下的界面兼容和功能兼容，由於不一樣瀏覽器對HTML、SVG、XHTML，CSS及javascript的解析會有不一樣。

例若有些瀏覽器可以發送驗證碼，而有些會功能失效，頁面排版也會錯亂等。

手機HTML5主要應用是嵌入在app或者微信公衆號裏面，因此兼容性主要是IOS、android 2個系統各類主流機型的適配。

網絡測試

因爲H5系統不少是雲服務，全部響應速度廣泛較慢。咱們測試的時候通常會用wifi，速度會相對可觀點。

咱們應該觀察在4G、3G、甚至2G的網下，看響應時間是否在忍受範圍內。

時間過長的話，須要提示優化代碼作改善。

安全測試

因爲咱們對應的產品部利用HTML5把一些通用功能作成了雲服務，能夠嵌入多家客戶的App，根據渠道劃分，因此安全性顯得尤其重要。

性能測試

隨着對接客戶的增長，對服務的性能方面的要求也會增長。對於雲服務的模塊須要作性能測試。

下面作了一些混合APP測試常見問題：

一、因爲HTML5嵌入在App裏面，輸入框須要調用原生鍵盤。因爲andriod不一樣手機的差別化，會致使原生鍵盤功能不一樣。

曾發現三星的android某版本調用原生數字鍵盤沒有小數點，後只要碰到三星機器就調用全鍵盤；

二、App底部導航欄是否帶入到H5頁面中，打開鍵盤是否會影響導航欄位置變更。通常在HTML5頁面中應該刪除App的導航欄；

三、App與HTML5對接部分須要加密傳輸；

四、App頭部的點擊後返回的是前一個頁面仍是退回app主界面，須要注意；

五、IOS、Android的部分機型因爲鍵盤的打開和收起會出現提示或確認頁面彈框上下不居中；

六、因爲網絡問題偶現的App的報錯須要包裝；

七、從App各個入口進入HTML5界面都是免登陸，各入口登陸、登出正常；

八、在各個機型中，屏幕較小和較大的機器會出現不能所有顯示或者部分空白的狀況。

九、長時間不操做HTML5或者App，須要從新登陸，或者須要從新輸入密碼；

十、屏幕較小手機提交參數的確認頁面，因爲字數較多會出現換行的狀況，須要作適配。

微信主要是入口不一致，申請對接公衆號後，須要用微信自帶的瀏覽器進行兼容性測試，其餘不少都類似，此處不在贅述。