關(guān)于網(wǎng)站測試的幾個小套路，希望對大家有所幫助娃兽。
因?yàn)樗趫F(tuán)隊(duì)沒有專業(yè)測試人員菇民，所以測試工作由我這個產(chǎn)品新人來負(fù)責(zé)。本文是抱著總結(jié)才能提升的小心思，想來簡單寫寫從測試零經(jīng)驗(yàn)到開發(fā)葛葛“談心”的次數(shù)逐漸變少玉雾，這期間所踩過得坑和心得體會翔试。
一、UI測試
用戶界面測試主要是拿待測網(wǎng)頁和設(shè)計(jì)稿進(jìn)行對比复旬，個人覺得主要需做到以下4點(diǎn)：
1.注重細(xì)節(jié)：
這點(diǎn)最基本垦缅，就是對比時細(xì)心、細(xì)心再細(xì)心驹碍。像我現(xiàn)在被虐到網(wǎng)頁上元素和設(shè)計(jì)稿差一個像素都能看出來…
2.勿忘整體性：
由于PC網(wǎng)頁頁面空間大壁涎，模塊多，很容易在測試時只注意到模塊內(nèi)設(shè)計(jì)元素是否正確志秃，而忽略了模塊間的間距或整個頁面的布局是否正確怔球。所以最好按照由局部到整體的順序測試。
3.注意頁面間相互對比：
即注意相同系列頁面浮还、頁簽布局一致性竟坛。就是說的是同一系列頁面中同類元素和模塊的樣式、間距一般要相同钧舌；同一個tab下担汤，不同選項(xiàng)對應(yīng)
的頁簽中同類元素和模塊的樣式、間距一般要相同洼冻。例如下圖QQ空間-日志頁面里我的日志和私密日記tab中崭歧，紅框圈出的位置高度是否一致。
一般情況下這些不一致問題出現(xiàn)的情況不多撞牢，畢竟相類似的布局前端同學(xué)應(yīng)該會用相同的盒子率碾，但是測試時還是需要留意。
4.注意極端情況下顯示情況：
即要注意長度可變的元件屋彪、模塊或字段在極端情況下的顯示是否正常所宰。
例如：文章標(biāo)題最多可顯示50字符（25漢字），測試時就要在所有會出現(xiàn)標(biāo)題的位置（文章列表頁撼班、推薦邊欄歧匈、轉(zhuǎn)發(fā)彈框…）是否能正常顯示含有50字符的標(biāo)題，會不會出現(xiàn)破框而出砰嘁、自動切掉等情況。
由于UI測試時需要檢查的細(xì)節(jié)很多勘究，特別是像我們團(tuán)隊(duì)矮湘，網(wǎng)站還在搭建中并未上線，UI測試的工作量更是大口糕，測久了難免會覺得枯燥繁瑣缅阳，但其實(shí)每項(xiàng)任務(wù)都能總結(jié)出套路、有所收獲，故下面僅列出我平時在測這部分時的主要注意點(diǎn)和心得十办。
UI測試注意點(diǎn)總結(jié)：
1秀撇、模塊間距
2、元素間距
3向族、不同類型文本（數(shù)字呵燕、漢字、英文）顏色件相、格式（全角再扭、半角）大小、字體夜矗、（不必須）
4泛范、固定文案：內(nèi)容的可讀性、正確性?排版的合理性
5紊撕、可變字段：極多罢荡、極少文字的排版情況
6、Icon用錯对扶、用混
7区赵、相似頁面的差異性和一致性
小體會：
其實(shí)界面測試雖然沒啥技術(shù)含量，但測久了就會發(fā)現(xiàn)自己對網(wǎng)頁元素有時彼此間的間距差了1辩稽、2個像素惧笛，整體的視覺效果就尺寸和布局的敏感度有提升，例如像同樣一組元素逞泄，會大有不同患整，web是這樣，移動端更是如此喷众。
隨手畫張圖舉個栗子：左圖網(wǎng)頁做出來名稱各谚、作者、互動統(tǒng)計(jì)三者之間行距相等到千，中文字大小相
同昌渤，而設(shè)計(jì)稿原本應(yīng)如右圖，行距不同憔四，不同字段的字號也不同膀息。所以假如測試時遇到類似這種問題，我們除了可以提個bug了赵，還會被引導(dǎo)去思考設(shè)計(jì)初衷潜支，即利用間距細(xì)微差異進(jìn)行視覺分組，利用字號細(xì)微差異突出主次柿汛。
二冗酿、功能測試
1.操作反應(yīng)：
（1） 頁面元素（按鈕、錨文本、輸入框…）自身狀態(tài)變化：鼠標(biāo)移入/移出時效果裁替、點(diǎn)擊后效果项玛、獲取/失去焦點(diǎn)時效果…（可以想想axure里的用例狀態(tài)）
eg：鼠標(biāo)移入按鈕，按鈕是底色是否應(yīng)改變弱判；若輸入框內(nèi)有默認(rèn)提示文字襟沮，則是當(dāng)輸入框獲得焦點(diǎn)后文字就消失，還是用戶輸入文字后提示文字才消失…
（2）操作成功后續(xù)反應(yīng)：頁面跳轉(zhuǎn)裕循、彈框臣嚣、提示文字…
a.頁面跳轉(zhuǎn)：
頁面切換方式：另開頁面、本頁切換
頁面起始定位：頁面起始位置剥哑、頁面其他錨點(diǎn)（例如用戶想評論某文章硅则，在列表頁點(diǎn)評論按鈕后，就會在另開的文章內(nèi)容頁直接定位到評論區(qū)）
b.彈框：
匹配情況：彈出的彈框是否和觸發(fā)條件匹配
出現(xiàn)位置：一般情況下要一致株婴。因?yàn)閺椏蚴褂貌煌寮醭妫赡軐?dǎo)致彈出位置不同。
顯示時間（非操作類彈框）：某些僅起到提示功能的彈框會自動顯示若干秒關(guān)閉困介。一般情況此類彈框上文案較少大审，顯示秒數(shù)應(yīng)該是全站一致的。
c.提示文字：
匹配情況：出現(xiàn)的提示文案是否和觸發(fā)條件匹配
關(guān)于操作成功后續(xù)反應(yīng)座哩，以上主要是在已確定會觸發(fā)某反應(yīng)情況下徒扶，測試其正確性。其實(shí)這里更重要的是要考慮在前置條件不同的情況下根穷，對某元素進(jìn)行相同操作姜骡，會觸發(fā)什么不同的反應(yīng)。即需要對各類情況進(jìn)行窮舉屿良。
eg：點(diǎn)擊關(guān)注按鈕觸發(fā)反應(yīng)窮舉：
a.未登錄用戶點(diǎn)擊該按鈕后效果圈澈；
b.已登錄用戶點(diǎn)擊該按鈕后效果（b1.未關(guān)注過對方、b2.已關(guān)注過對方尘惧、b3.自己關(guān)注自己）
窮舉時可以參考PRD康栈，但不要局限于PRD上列出的情況，畢竟有時也許PRD上會有小疏漏喷橙，要是程序員做的時候發(fā)現(xiàn)疏漏啥么，就自己隨手碼了一個簡易提示而忘記通知產(chǎn)品，而測試的時候也沒觸發(fā)到贰逾，等用戶實(shí)際操作出來就會造成不佳的用戶體驗(yàn)饥臂。
原文來自：http://www.51testing.com/html/10/n-3714410.html
