5個(gè)關(guān)鍵,詳解H5頁面測試要點(diǎn)

0 評論 8538 瀏覽 95 收藏 5 分鐘

對于即將上線的H5頁面,除了測試基本功能外,我們還需要對哪些關(guān)鍵點(diǎn)進(jìn)行測試呢?以便上線后的H5頁面功能正常、用戶體驗(yàn)良好。本文將告訴你答案。

一、功能邏輯

除基本功能測試外,需要關(guān)注的一些測試點(diǎn):

1. 登錄

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

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

2. 下拉刷新

2.1 ?下拉刷新后,頁面是否還在當(dāng)前頁

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

2.3 ?用戶主動(dòng)點(diǎn)擊下拉刷新,頁面是否還處于當(dāng)前頁;頁面數(shù)據(jù)是否正常展示

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

3. 翻頁

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

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

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

4. 返回

4.1 ?點(diǎn)擊頁面下方返回按鈕,頁面是否正常返回到期望頁面

4.2 ?點(diǎn)擊Android只帶的物理鍵返回按鈕,頁面是否正常返回到期望頁面

4.3 ?點(diǎn)擊一些設(shè)計(jì)的返回按鈕,頁面是否正常返回到期望頁面

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

5.1 ?接口返回?cái)?shù)據(jù)為空時(shí),頁面是否展示正常

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

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

6. 其他異常處理

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

6.2 ?頁面session與cookie值過期時(shí),頁面展示是否正常

二、H5對接第三方時(shí)的狀況

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

三、H5頁面適配

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

四、網(wǎng)絡(luò)問題

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

五、體驗(yàn)相關(guān)

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

 

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!