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

標籤：正是   過程   tin   導航   無法   系統   協同   實現   很多   

最近很火的Html5 app實際上是Web app的一種，在測試過程中可以延續Web App測試的部分方法，同時兼顧手機端的一些特性即可，下面幫大家總結下Html5 app 相關測試方法！

需求設計測試：

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

把問題發現在源頭，減少後期因需求變更引起開發與測試的迭代成本。

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

介面測試

這塊主要根據開發同學提供的介面文檔通過Jmeter等攻距進行測試

主要關注點為：

1、介面返回的資料期望的是否一致；

2、介面入參的邊界值校正 ；

3、檢查介面的容錯性 比如對於傳輸資料類型錯誤能否處理等，整型的輸入小數、中英文等；

4、介面的效能情況，調用介面資料返回的時間，介面反應慢肯定影響使用者體驗。

5、介面的安全性：介面部分敏感資訊是否加密傳輸等

功能測試

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

使用者介面測試

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

風格、樣式、顏色是否協調，不僅包括HTML5本身，因為HTML5會嵌入App裡面，所以要考慮h5的風格、樣式、顏色是否與app本身協同，不至于格格不入，包括使用者習慣等也最好保持一致或相近，最好在設計初期就有顏色、按鈕、圖片、背景、邊框等詳細規劃和統一。

但是正是由於H5的可移植性，同一服務會嵌入到N家客戶的產品中，難以與各家都完全統一，所以在設計中就應該考慮這些問題。

相容性測試

前文提到PC  web因為無法相容IE6.7.8。PC主要測試在不同系統下不同瀏覽器google、firefox、360、IE9、IE10、IE11等主流瀏覽器下的介面相容和功能相容，因為不同瀏覽器對HTML、SVG、XHTML，CSS及javascript的解析會有不同。

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

手機HTML5主要應用是嵌入在app或者公眾號裡面，所以相容性主要是IOS、android 2個系統各種主流機型的適配。

網路測試

由於H5系統很多是雲端服務，所有響應速度普遍較慢。我們測試的時候一般會用wifi，速度會相對可觀點。

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

時間過長的話，需要提示最佳化代碼做改善。

安全性測試

由於我們對應的產品部利用HTML5把一些通用功能做成了雲端服務，可以嵌入多家客戶的App，根據渠道劃分，所以安全性顯得尤為重要。

效能測試

隨著對接客戶的增加，對服務的效能方面的要求也會增加。對於雲端服務的模組需要做效能測試。

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

1、由於HTML5嵌入在App裡面，輸入框需要調用原生鍵盤。由於andriod不同手機的差異化，會導致原生鍵盤功能不同。

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

2、App底部導覽列是否帶入到H5頁面中，開啟鍵盤是否會影響導覽列位置變動。一般在HTML5頁面中應該刪除App的導覽列；

3、App與HTML5對接部分需要加密傳輸；

4、App頭部的點擊後返回的是前一個頁面還是退回app主介面，需要注意；

5、IOS、Android的部分機型由於鍵盤的開啟和收合會出現提示或確認頁面彈框上下不置中；

6、由於網路問題偶現的App的報錯需要封裝；

7、從App各個入口進入HTML5介面都是免登入，各入口登入、登出正常；

8、在各個機型中，螢幕較小和較大的機器會出現不能全部顯示或者部分空白的情況。

9、長時間不操作HTML5或者App，需要重新登入，或者需要重新輸入密碼；

10、螢幕較小手機提交參數的確認頁面，由於字數較多會出現換行的情況，需要做適配。

主要是入口不一致，申請對接公眾號後，需要用內建的瀏覽器進行相容性測試，其他很多都相似，此處不在贅述。

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