一.業(yè)務(wù)邏輯
1、業(yè)務(wù)邏輯相關(guān)
除基本的功能測(cè)試之外,H5頁(yè)面的測(cè)試,需要關(guān)注以下幾點(diǎn):
1.1 登錄
目前H5與native各個(gè)客戶端都做了互通,所以大家在測(cè)試的時(shí)候要注意兩點(diǎn):
A、若客戶端已登錄,那么進(jìn)入H5后仍然是登錄狀態(tài)。
B、若客戶端未登錄,進(jìn)入H5,點(diǎn)擊對(duì)應(yīng)按鈕OR鏈接,如果需要登錄,須拉起native登錄。若取消登錄,是否可再次拉起登錄,或者停留在的頁(yè)面是否有對(duì)應(yīng)的登錄提示。
C、H5頁(yè)面嵌入到客戶端內(nèi)使用,若客戶端內(nèi)已經(jīng)登錄,進(jìn)入H5頁(yè)面,該頁(yè)面是否展示正常
1.2 翻頁(yè)
遇到翻頁(yè)加載的頁(yè)面,需要注意內(nèi)容為1頁(yè)或者多頁(yè)的情況。
A.數(shù)據(jù)只有一頁(yè)時(shí),加載數(shù)據(jù)翻頁(yè)頁(yè)面請(qǐng)求數(shù)據(jù)是否正常
B.數(shù)據(jù)>1頁(yè)時(shí),加載數(shù)據(jù)翻頁(yè)頁(yè)面請(qǐng)求數(shù)據(jù)是否正常
C.數(shù)據(jù)請(qǐng)求翻頁(yè)loading時(shí),向下刷新頁(yè)面,頁(yè)面數(shù)據(jù)請(qǐng)求是否正常
1.3 刷新與返回
A、下拉刷新是否仍然處于當(dāng)前頁(yè)面,數(shù)據(jù)是否正常顯示。
B、用戶主動(dòng)點(diǎn)擊刷新按鈕是否仍然處于當(dāng)前頁(yè)面。
C、系統(tǒng)自動(dòng)刷新,頁(yè)面是否還處于當(dāng)前頁(yè);頁(yè)面數(shù)據(jù)是否正常展示
D、點(diǎn)擊返回與back鍵,回退頁(yè)面是否是期望頁(yè)面
E、點(diǎn)擊Android自帶的物理鍵返回按鈕,頁(yè)面是否正常返回到期望頁(yè)面
F、點(diǎn)擊一些設(shè)計(jì)的返回按鈕,頁(yè)面是否正常返回到期望頁(yè)面
1.4.數(shù)據(jù)為空處理
A.接口返回?cái)?shù)據(jù)為空時(shí),頁(yè)面是否展示正常
B.頁(yè)面某個(gè)數(shù)據(jù)為空時(shí),頁(yè)面是否展示正常
C.頁(yè)面某功能返回鏈接為空,點(diǎn)擊該功能區(qū)域是否會(huì)跳轉(zhuǎn)
1.5. 其他異常處理
A.頁(yè)面session與cookie值過(guò)期時(shí),是否會(huì)重新跳轉(zhuǎn)到登錄頁(yè)面
B.頁(yè)面session與cookie值過(guò)期時(shí),頁(yè)面展示是否正常
1.6.H5第三方體驗(yàn)環(huán)境
a. 微信內(nèi)體驗(yàn),頁(yè)面功能是否能夠正常使用,支付相關(guān)是否正常調(diào)用
b. QQ內(nèi)體驗(yàn),頁(yè)面功能是否能夠正常使用,支付、分享、頁(yè)面展示是否正常
c. 微博內(nèi),頁(yè)面功能是否能夠正常使用,支付、分享、各個(gè)功能是否正常使用
d. 普通瀏覽器內(nèi),頁(yè)面功能是否正常使用,支付、分享、各個(gè)功能是否正常使用
1.7.H5頁(yè)面適配
a. iPhone手機(jī)、iPhone5、iPhone6等各個(gè)手機(jī)系統(tǒng),H5頁(yè)面功能是否展示正常
b. Android 市場(chǎng)流行機(jī)型、系統(tǒng),H5頁(yè)面功能是否展示正常
c. 分辨率不同的手機(jī),H5頁(yè)面功能是否展示正常
d.不同瀏覽器,H5頁(yè)面功能是否展示正常
H5的適配其實(shí)比客戶端的相對(duì)來(lái)說(shuō),要少一些,手機(jī)品牌之間的差異不大,所以不用太多關(guān)注,最容易出現(xiàn)問(wèn)題的系統(tǒng),這個(gè)要特別關(guān)注下:
A、大屏(如720*1280,重點(diǎn)關(guān)注頁(yè)面背景是否完全撐開頁(yè)面,刷新是否有抖動(dòng))、小屏手機(jī)(如320*480,重點(diǎn)關(guān)注下彈框樣式和文案折行)
B、android4.X隨機(jī)找一個(gè)即可。
C、ios9、ios8、ios7。
1.8.網(wǎng)絡(luò)問(wèn)題
???a.WiFI下頁(yè)面展示,是否正常
b.4G、3G等情況下,頁(yè)面是否展示正常
c.數(shù)據(jù)無(wú)網(wǎng)絡(luò)到有網(wǎng)絡(luò),?頁(yè)面點(diǎn)擊后是?否會(huì)自動(dòng)加載數(shù)據(jù)
1.9 mtop接口返回處理
發(fā)現(xiàn)這個(gè)出現(xiàn)問(wèn)題的地方有很多,但是只要有意識(shí)的去處理,就很容易避免,主要是以下幾種情況:
A、請(qǐng)求成功,且返回有數(shù)據(jù),測(cè)試mtop接口返回?cái)?shù)據(jù)的各種場(chǎng)景。
B、請(qǐng)求成功,但data內(nèi)容為空。
C、請(qǐng)求接口異常,出現(xiàn)ERR_SID_INVALID::SESSION過(guò)期,拉起登錄。
D、請(qǐng)求接口發(fā)生除C中提到的異常之外的異常,通??蓺w結(jié)為一類進(jìn)行處理。
二、安全相關(guān)
2.1 明確投放渠道都有哪些
如獨(dú)客、主客、wap,是否對(duì)未投放渠道做了限制,直接通過(guò)url請(qǐng)求是否攔截等
2.2 評(píng)估是否需要接入集團(tuán)安全,如mtee黑白名單等。
2.3 是否需要接入支付寶實(shí)名認(rèn)證
涉及到金錢相關(guān),如天貓積分,紅包等,為了防刷,一般都需要判斷是否支付寶實(shí)名認(rèn)證。
三、體驗(yàn)相關(guān)
3.1 資源相關(guān)
A、頁(yè)面中有圖片的話,淘寶那邊建議圖片一般不大于50kb,本著一個(gè)原則,盡量縮小圖片。圖片適配(高端機(jī)取雙倍尺寸的圖)
B、資源是否壓縮、是否通過(guò)CDN加載。
C、如何保證二次發(fā)布后有效更新。
3.2 流量
A、對(duì)于一些不會(huì)變化的圖片,如游戲動(dòng)畫效果相關(guān)圖片,不需要每次都請(qǐng)求的東西,做本地緩存。
B、數(shù)據(jù)較多時(shí)是否做了分頁(yè)加載。
3.3 頁(yè)面展現(xiàn)時(shí)間
A、關(guān)注頁(yè)面首屏加載時(shí)間。
3.4 頁(yè)面提示
A、弱網(wǎng)絡(luò)下,數(shù)據(jù)加載較慢,是否有對(duì)應(yīng)的loading提示。
B、接口獲取異常時(shí),提示是否友好。
C、刷新頁(yè)面或者加載新內(nèi)容時(shí)頁(yè)面是否有抖動(dòng)。
3.5 手機(jī)操作相關(guān)
A、鎖屏之后展示頁(yè)面。
B、回退到后臺(tái)之后,重新呼出在前臺(tái)展示。
四、埋點(diǎn)數(shù)據(jù)檢查
與BI、前端同學(xué)一起確認(rèn)埋點(diǎn)情況。
細(xì)節(jié)點(diǎn):
1.屏幕切換(橫豎切換)
2.頁(yè)面請(qǐng)求驗(yàn)證:是否有多余的請(qǐng)求及多余的數(shù)據(jù)。盡量精簡(jiǎn),否則浪費(fèi)流量
3.滑動(dòng),定位是否ok
4.文字的長(zhǎng)度是否根據(jù)屏幕自適應(yīng)
5.交互,比如彈出層的點(diǎn)擊是否會(huì)穿透,影響別的頁(yè)面
6.對(duì)于浮層,拖動(dòng)后是否留白,拖動(dòng)是否可以看到它下面的頁(yè)面
7.清緩存