對于即將上線的H5頁面，除了測試基本功能外，我們還需要對哪些關鍵點進行測試呢？以便上線后的H5頁面功能正常、用戶體驗良好。本文將告訴你答案。

一、功能邏輯

除基本功能測試外，需要關注的一些測試點：

1. 登錄

1.1? H5頁面嵌入到客戶端內(nèi)使用，若客戶端已經(jīng)登錄，進入H5頁面應是登錄狀態(tài)，頁面內(nèi)容正常顯示

1.2? H5頁面嵌入到客戶端內(nèi)使用，若客戶端無登錄，如果該頁面需要登錄，是否能夠跳轉(zhuǎn)到客戶端登錄頁面。若取消登錄后，再次登錄是否能夠正常的再次跳轉(zhuǎn)到登錄頁

2. 下拉刷新

2.1 ?下拉刷新后，頁面是否還在當前頁

2.2 ?下拉刷新后，頁面數(shù)據(jù)是否正常展示

2.3 ?用戶主動點擊下拉刷新，頁面是否還處于當前頁；頁面數(shù)據(jù)是否正常展示

2.4 ?系統(tǒng)自動刷新，頁面是否還處于當前頁；頁面數(shù)據(jù)是否正常展示

3. 翻頁

3.1 ?數(shù)據(jù)只有一頁時，加載數(shù)據(jù)翻頁頁面請求數(shù)據(jù)是否正常

3.2 ?數(shù)據(jù)＞1頁時，加載數(shù)據(jù)翻頁頁面請求數(shù)據(jù)是否正常

3.3 ?數(shù)據(jù)請求翻頁loading時，向下刷新頁面，頁面數(shù)據(jù)請求是否正確

4. 返回

4.1 ?點擊頁面下方返回按鈕，頁面是否正常返回到期望頁面

4.2 ?點擊Android只帶的物理鍵返回按鈕，頁面是否正常返回到期望頁面

4.3 ?點擊一些設計的返回按鈕，頁面是否正常返回到期望頁面

5. 數(shù)據(jù)為空處理

5.1 ?接口返回數(shù)據(jù)為空時，頁面是否展示正常

5.2 ?頁面某個數(shù)據(jù)為空時，頁面是否展示正常

5.3 ?頁面某功能返回鏈接為空，點擊該功能區(qū)域是否會跳轉(zhuǎn)

6. 其他異常處理

6.1 ?頁面session與cookie值過期時，是否會重新跳轉(zhuǎn)到登錄頁面

6.2 ?頁面session與cookie值過期時，頁面展示是否正常

二、H5對接第三方時的狀況

1. 微信內(nèi)體驗，頁面功能是否能夠正常使用，支付相關是否正常調(diào)用
2. QQ內(nèi)體驗，頁面功能是否能夠正常使用，支付、分享、頁面展示是否正常
3. 微博內(nèi)，頁面功能是否能夠正常使用，支付、分享、各個功能是否正常使用
4. 普通瀏覽器內(nèi)，頁面功能是否正常使用，支付、分享、各個功能是否正常使用

三、H5頁面適配

1. iPhone手機、iPhone5、iPhone6等各個手機系統(tǒng)，H5頁面功能是否展示正常
2. Android 市場流行機型、系統(tǒng)，H5頁面功能是否展示正常
3. 分辨率不同的手機，H5頁面功能是否展示正常
4. 不同瀏覽器，H5頁面功能是否展示正常

四、網(wǎng)絡問題

1. ?WiFI下頁面展示，是否正常
2. ?4G、3G等情況下，頁面是否展示正常
3. ?數(shù)據(jù)無網(wǎng)絡到有網(wǎng)絡，頁面點擊后是否會自動加載數(shù)據(jù)
4. 弱網(wǎng)絡的顯示，loading
5. 無網(wǎng)絡時的狀況

五、體驗相關

1. ?頁面請求時，是否會給出loading效果
2. ?頁面請求失敗時，是否會給出友好提示
3. ?頁面刷新時，頁面是否會出現(xiàn)抖動現(xiàn)象
4. ?頁面文本框輸入數(shù)據(jù)過多時，是否會正常展示

本文由 @彭青梅 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CCO協(xié)議。