一.用戶界面測試
如果有設(shè)計稿脓豪，當然按照設(shè)計稿進行測試兆解；沒有設(shè)計稿，就參考原型跑揉；如果都沒有锅睛，就按照web大眾排版設(shè)計要求測試了，當然历谍，還是產(chǎn)品看過為準现拒。
以下簡單總結(jié)一下測試的點。
1.導航測試
很少有用戶愿意花時間去熟悉web應(yīng)用系統(tǒng)的結(jié)構(gòu)望侈，因此印蔬，web應(yīng)用系統(tǒng)導航幫助要盡可能地準確。
測試點：導航形式：按鈕脱衙，對話框侥猬，列表，窗口等捐韩，是否直觀退唠，樣式是否正確，風格是否一致荤胁。
導航鏈接：頁面的鏈接等
導航文案
2. 圖形（多媒體）測試
Web應(yīng)用中瞧预，主流的一些多媒體內(nèi)容包括圖片、GIF動畫、Flash垢油、Silverlight等
測試點：
圖形的尺寸盆驹、大小、質(zhì)量：一般采用JPG滩愁、GIF躯喇、PNG格式，并且在不影響圖片質(zhì)量的情況下能使圖片的大小減小到 30k 以下
圖形排版硝枉、正確性：圖片或動畫排列有序并且目的明確
圖形鏈接：鏈接有效廉丽，并且鏈接的屬性正確（比如是新建窗口打開還是在當前頁面打開）
背景顏色：應(yīng)該與字體顏色和前景顏色相搭配
文字環(huán)繞：位置等
GIF動畫：是否設(shè)置了正確的循環(huán)模式，其顏色是否顯示正常等
測試工具：
瀏覽器的自帶調(diào)試工具檀咙，就很有用雅倒。主要還是人工。
3. 內(nèi)容測試
用來檢驗Web應(yīng)用系統(tǒng)提供信息的正確性弧可、準確性和相關(guān)性蔑匣。
測試點：
文案：文字表達是否恰當，是否有錯字等
字體棕诵、大小裁良、顏色、對齊方式校套、風格
頁面元素排版：導航价脾、表單、圖形笛匙、控件等位置侨把、大小排版
Web頁面結(jié)構(gòu)、導航妹孙、菜單秋柄、超級鏈接的風格是否一致，比如指向超級鏈接蠢正，點擊超級鏈接骇笔，訪問后的超級鏈接是否都進行了處理
背景顏色、元素顏色等
段落
鏈接的形式嚣崭、位置笨触、是否易于理解等
4. 容器測試
DIV和表格在頁面布局上的基本作用都是作為一種容器。
測試點：
一方面是作為控件芦劣，需要檢測其是否設(shè)置正確，每一欄的寬度是否足夠?qū)挻邪希砀窭锏奈淖质欠穸加姓坌谐旨模欠裼幸驗槟骋桓竦膬?nèi)容太多源梭，而將整行的內(nèi)容拉長等娱俺；
另一方面稍味，表格作為較早的網(wǎng)頁布局方式，目前依然有很多的Web頁使用該方式實現(xiàn)Web頁設(shè)計荠卷，此時則需要考慮瀏覽器窗口尺寸變化模庐、Web頁內(nèi)容動態(tài)增加或者刪除對Web界面的影響。
5. 系統(tǒng)界面測試
系統(tǒng)風格油宜、設(shè)計排版等掂碱。主要是不相關(guān)人員的反饋了。
二慎冤、功能測試
1. 鏈接測試
1.1 測試點：
是否添加鏈接
鏈接頁面是否存在
鏈接頁面與需求是否一致：頁面的正確性疼燥、打開方式 等
一般，該鏈接測試在集成測試階段（頁面均開發(fā)完成）的時候進行
1.2 測試工具：
Xenu Link Sleuth 免費 綠色免安裝軟件
HTML Link Validator 共享（30天試用）
1.3 延伸代碼：
測試工具在實際應(yīng)用時蚁堤，其實是挺受限的醉者。有時候，需要自己寫點小代碼去驗證披诗，主要用于系統(tǒng)回歸撬即。
比如：
code1：
// ? ? ? ?封裝判斷web鏈接返回狀態(tài)是否為2開頭的
public static void ReadUrl(String surl){
try {
URL url = new URL(surl);
URLConnection rulConnection ? = url.openConnection();
HttpURLConnection httpUrlConnection ?= ?(HttpURLConnection) rulConnection;
httpUrlConnection.setConnectTimeout(300000);
httpUrlConnection.setReadTimeout(300000);
httpUrlConnection.connect();
String code = new Integer(httpUrlConnection.getResponseCode()).toString();
String message = httpUrlConnection.getResponseMessage();
// ? ? ? ? ? ? ? ? ?System.out.println("getResponseCode code ="+ code);
// ? ? ? ? ? ? ? ? ?System.out.println("getResponseMessage message ="+ message);
if(!code.startsWith("2")){
throw new Exception(surl+"ResponseCode is not begin with 2,code="+code);
}
// ? ? ? ? ? ? ? ? ? 打印鏈接返回狀態(tài)碼
// ? ? ? ? ? ? ? ? ? System.out.println(getDateTime()+"連接"+surl+"正常");
}catch(Exception ex){
// ? ? ? ? ? ? ? ? ? System.out.println(surl+ex.getMessage());
}
}
// ? ? 封裝模擬發(fā)起post請求一
public static String sendPost(String strUrl, String content, String charset) ?{
URL httpurl = null;
HttpURLConnection httpConn = null;
String returnStr = "";
PrintWriter outs = null;
try {
httpurl = new URL(strUrl);
httpConn = (HttpURLConnection) httpurl.openConnection();
httpConn.setRequestMethod( "POST"); // 默認是post
// 設(shè)置是否向httpUrlConnection輸出，因為這個是post請求呈队，參數(shù)要放在 http正文內(nèi)剥槐，因此需要設(shè)為true, 默認情況下是false;
httpConn.setDoOutput( true);
// 設(shè)置是否從httpUrlConnection讀入，默認情況下是true;
httpConn.setDoInput( true);
httpConn.setRequestProperty( "Content-Type", "text/xml");
outs = new PrintWriter(httpConn.getOutputStream());
outs.print(content);
outs.flush();
outs.close();
// 字節(jié)流 讀取全部內(nèi)容 包括換行符
returnStr = inputStreamToString(httpConn.getInputStream(), charset);
} catch (Exception e) {
logger.error( "執(zhí)行HTTP Post請求" + strUrl + "時宪摧，發(fā)生異常粒竖！" , e);
if(outs != null){
outs.close();
outs = null;
}
return returnStr;
} finally {
if (httpConn != null)
httpConn.disconnect();
if(outs != null){
outs.close();
outs = null;
}
}
return returnStr;
}
// ? ? 封裝讀取請求響應(yīng)的內(nèi)容
public static String inputStreamToString(InputStream in,String encoding) throws Exception{
ByteArrayOutputStream outStream = new ByteArrayOutputStream();
byte[] data = new byte[1024];
int count = -1;
while((count = in.read(data,0, 1024)) != -1)
outStream.write(data, 0, count);
in.close();
data = null;
return new String(outStream.toByteArray(),encoding);
}
code2:
void((function() {
var cars=new Array();//定義了數(shù)組，最終返回的是列表
cars=document.getElementsByTagName("a");//獲取對應(yīng)對象
/*cars=$("a")*/
for(var i =0;i
var href_name;
item_name = cars[i].href; ?//獲取對應(yīng)url地址
if(item_name.indexOf("***")!=-1){
console.info(item_name);
}
}
})())
var xmlhttp;
function loadXMLDoc(url)
{
xmlhttp=null;
if (window.XMLHttpRequest)
{// code for Firefox, Mozilla, IE7, etc.
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp!=null)
{
xmlhttp.onreadystatechange=state_Change;
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
else
{
alert("Your browser does not support XMLHTTP.");
}
}
function state_Change()
{
if (xmlhttp.readyState==4)
{// 4 = "loaded"
if (xmlhttp.status==200)
{// 200 = "OK"
document.getElementById('p1').innerHTML=xmlhttp.getAllResponseHeaders();
}
else
{
alert("Problem retrieving data:" + xmlhttp.statusText);
}
}
}
2. 表單測試
2.1 測試點：
默認值
必輸項
輸入驗證：輸入框的特殊文本控制（比如電話几于、郵箱蕊苗、url地址等）、長字符孩革、特殊字符岁歉、正負數(shù)、小數(shù)位數(shù)等膝蜈。
上傳測試：大小锅移、格式類型等
表單操作：增刪改查，完整性饱搏、正確性非剃。
一般，配合下面的數(shù)據(jù)校驗等方面一起測試的推沸，故這里的測試點可能不全备绽。
2.2 ?測試工具：
WinRunner（QTP）等
先手動檢查券坞，后可以用該工具回歸了。
2.3 延伸代碼：
可以寫個簡單的js實現(xiàn)
code:
void((function(){
var select = document.getElementsByTagName('select');
for(var jj=0;jj
selectedNode = select[jj].options;
/*取出select的所有選項值*/
for (var i=0;i
selectoption=selectedNode[i].innerHTML;
// console.info(selectoption);
}
/*隨機賦值*/
/*隨機賦值*/
$(select[jj]).get(0).selectedIndex=1;
var checkText= $(select[jj]).find("option:selected").text();
console.info(checkText);
$(select[jj]).click;
}
})())
//一般的文本框任意賦值
void((function() {
var i = document.getElementsByTagName('input');
for (var jj = 1; jj <= i.length-4; jj++) {
i[jj].value = "cs";
}
})())
也可以使用代碼等肺素，比如selenium等恨锚。
3. 數(shù)據(jù)校驗
3.1 測試點：
配合2的測試，驗證表單數(shù)據(jù)的正確及完整性：單頁面倍靡、單系統(tǒng)或多系統(tǒng)猴伶。
數(shù)據(jù)的增刪改查：比如代碼任務(wù)的計算等
該方面的測試，與每個系統(tǒng)特異性有關(guān)塌西，故不全他挎。
3.2 測試工具：同上
3.3 代碼延伸
4. cookies測試
4.1 測試點：
是否使用cookies：根據(jù)需求設(shè)計，確定是否使用了cookies捡需。比如說需求需要將選擇的類目保存到cookie办桨，關(guān)閉瀏覽器然后再試；或者某些不能使用cookie等站辉。
cookies其他使用需求驗證：比如使用 cookie 來統(tǒng)計次數(shù)呢撞，需要驗證次數(shù)累計正確。
該方面的測試庵寞，與每個系統(tǒng)特異性有關(guān)狸相，故不全。
4.2 測試工具：
IECookiesView v1.50
Cookies Manager v1.1
5. 數(shù)據(jù)庫測試
5.1 測試點
我目前測試接觸到的數(shù)據(jù)是oracle捐川、mysql脓鹃。
主要測試數(shù)據(jù)庫的經(jīng)歷是oracle，哎呀古沥，但是換了工作后瘸右，好幾年不碰了，下次整理了岩齿。
sql語句的性能及優(yōu)化
5.2 測試工具
使用及測試的工具可能是1個太颤，可能是多個聯(lián)合
TOAD for Oracle（Mysql）
6. 應(yīng)用程序特定的功能需求
深刻理解需求說明文檔
比如:
與第三平臺之間的交互等
session測試：同個瀏覽器打開兩個頁面，一個頁面權(quán)限失效后盹沈，另一個頁面是否可操作成功等龄章。
7. 控件等技術(shù)應(yīng)用測試
7.1 測試點
是否滿足使用需求
界面顯示是否正常
控件的正確性：多種操作后是否正常等
三、兼容測試
現(xiàn)在的操作系統(tǒng)乞封，瀏覽器越來越多樣性做裙，導致軟件兼容性測試在目前軟件測試領(lǐng)域占有很重要的地位，我在測試項目經(jīng)歷中肃晚，以瀏覽器的兼容測試為主锚贱，平臺、分辨率為輔关串。
（我的經(jīng)驗前提：我測試過3類的不同行業(yè)的web系統(tǒng)拧廊，一個面向醫(yī)院服務(wù)行業(yè)监徘，所以系統(tǒng)及瀏覽器也是我們定好的，兼容工作測試邪赡搿凰盔；一類是面向淘寶用戶的第三方服務(wù)，所以支持的瀏覽器滤港、平臺與淘寶一致廊蜒，一般按我們內(nèi)部使用的統(tǒng)計數(shù)據(jù)測試前5個瀏覽器趴拧，出現(xiàn)問題的平臺及瀏覽器使用虛擬機重現(xiàn)問題溅漾；第三類就是純面向web用戶的了，主要方式也和第二類差不多）
1. 平臺測試
測試工具：VMware Workstation著榴，這個一直在用添履，感覺真的不錯。
2. ?瀏覽器測試
測試瀏覽器兼容性的一個方法是創(chuàng)建一個兼容性矩陣脑又。在這個矩陣中暮胧，測試瀏覽器對某些構(gòu)件和設(shè)置的適應(yīng)性。
測試點：
一般的瀏覽器兼容測試（一般測試前幾问麸，按自己需求）
以下介紹一些平時的經(jīng)驗
IE瀏覽器：一般使用它的文檔模式（F12）切換往衷，來測試IE8~11的兼容。一般問題主要是IE8及IE9會對一些JS严卖、控件等有兼容問題席舍。
360瀏覽器：主要問題出在360（兼容）模式，有可能出現(xiàn)少了某個標簽導致整個界面不加載的情況（但IE瀏覽器器顯示又正常）哮笆。
火狐瀏覽器来颤、chrome瀏覽器：有的前端使用chrome開發(fā)，有的使用火狐稠肘，有時候2個中一個也會出現(xiàn)不兼容福铅，尤其是網(wǎng)站常用到的滾動、計時等功能项阴。
QQ瀏覽器滑黔、搜狗瀏覽器：前面那個也容易出錯，后面搜狗一般還好环揽。
瀏覽器攔截功能
web網(wǎng)站略荡，經(jīng)常會投放一些自己的廣告，或者會有一些彈窗薯演，或者引導頁等等撞芍。瀏覽器自帶的攔截功能或者用戶常用到的攔截插件也會是我們測試的一部分。
當然跨扮，這個一個系統(tǒng)測試一遍后基本就不會再動了序无。這里只是總結(jié)一下验毡。
測試插件：adblock plus及adblock
測試的瀏覽器：IE8~11、360（ 開啟自帶廣告過濾）帝嗡、QQ（開啟自帶廣告過濾）晶通、搜狗（開啟自帶廣告過濾）、UC（開啟自帶廣告過濾）哟玷、chrome狮辽、firefox
3. 分辨率測試
也是系統(tǒng)要求不同施无，測試的也不同攻走，目前測試的經(jīng)歷，也就面向醫(yī)院的系統(tǒng)會對這個要求高點宾抓，有個最低的限制抑月；其他的树叽，測試的不是很多，基本保障吧谦絮，O(∩_∩)O~题诵，可能是限制公司要求沒有的緣故，希望以后越做越完善越正規(guī)层皱。
4. 打印機
