Web應(yīng)用程序完全測試指南作者AbhimanyuGhoshal摘要：大量的優(yōu)質(zhì)應(yīng)用逐漸提升了用戶的品味，也降低了用戶的容忍度，如果你的Web應(yīng)用無法使用戶滿意，那么很快會有其他應(yīng)用來代替。這要求開發(fā)者從各方面對其進行測試，以便讓用戶在使用過程中不會出現(xiàn)各種各樣的問題。隨著Web技術(shù)和移動互聯(lián)網(wǎng)的發(fā)展，越來越多的應(yīng)用被遷移到了云端，這也使得用戶可以隨時隨地使用它們。目前大量的優(yōu)質(zhì)應(yīng)用，逐漸提升了用戶的品味，也降低了用戶的容忍度，如果你的Web應(yīng)用無法使用戶滿意，那么很快就會有其他的應(yīng)用來代替。對于開發(fā)者來說，建立良好的客戶口碑才是最有意義的事情。在完成了Web應(yīng)用的設(shè)計和開發(fā)工作后，并不意味著你就可以直接發(fā)布了，你還需要從各方面來對其進行測試，以便讓用戶在使用過程中，不會出現(xiàn)各種各樣的問題，比如性能、使用體驗、安全問題等等。那么對于Web應(yīng)用來說，該測試哪些方面，該如何測試呢？來看看作者AbhimanyuGhoshal給出的這些建議。一、首先應(yīng)該測試什么？當測試Web應(yīng)用的時候，首先要明確你的應(yīng)用要用來做什么，比如幫助用戶編輯照片、發(fā)送票據(jù)、聯(lián)系朋友或跟蹤社交媒介等。你通常需要著眼于這四大領(lǐng)域：功能性測試幾乎所有的用戶都期望自己所使用的Web應(yīng)用功能準確、迅速、一致。這就意味著開發(fā)者必須精益求精，幫助用戶實現(xiàn)某種形式上的結(jié)果。下面是一些需要全面測試的常見的功能元素：表單：無論是反饋調(diào)查、創(chuàng)建任務(wù)計劃，還是訂閱新聞，都需要用到表單。你需要檢查提交操作是否正常，是否能夠提交連接并提交到你的數(shù)據(jù)中，所有字段是否能夠接收輸入的內(nèi)容。文件操作和計算：這其中涉及圖像和文檔的上傳、編輯、計算功能和正確的輸出值。首先，要確保你能想象得到會有多少用戶會使用你的應(yīng)用，并盡可能地針對他們進行調(diào)節(jié)。另外，要考慮一下如何使你的App更有效地計算并顯示出結(jié)果，給用戶提供一個更加流暢的用戶體驗。搜索：如果你的應(yīng)用允許用戶搜索內(nèi)容、文檔或文件，那么就要保證你的搜索引擎能夠索引這些信息，并定期更新，以便能夠讓用戶實現(xiàn)快速查找，并根據(jù)查找條件快速顯示相關(guān)結(jié)果。媒體播放組件：測試音頻、視頻、動畫和互動媒體播放組件（如游戲和圖形工具）的時候，這些組件應(yīng)該像預(yù)期的功能效果一樣，在加載和運行的時候不能影響（暫停或減緩）其他應(yīng)用的運行。腳本和類庫：確保你的腳本（比如圖像顯示或Ajax頁面加載）在各種瀏覽器之間是相互兼容的，因為不同的用戶可能會使用不同的瀏覽器訪問你的應(yīng)用，同時你可以測量不同瀏覽器的加載時間來進行性能優(yōu)化。如果你的腳本只能和某些瀏覽器相互兼容，那么就要確保應(yīng)用中的其他組件有更好的性能，這樣所有的用戶就能得到最好的應(yīng)用體驗。最后，就是要全面檢查其他組件的功能，包括提示系統(tǒng)、用戶配置文件和管理儀表板等。用戶界面和可用性測試你的Web應(yīng)用不但要像加滿油的機器一樣運行，還要能夠為所有的用戶提供一個高質(zhì)量的前端體驗。為了達到這個目標，你還需要考慮你的用戶可能會遇到的所有的視覺和文本元素方面的問題，在Web應(yīng)用發(fā)布之前，盡可能地測試這些元素，以確保它們正確而有效地顯示。?導(dǎo)航：主頁面上的導(dǎo)航鏈接以及返回主頁面的鏈接都應(yīng)該明顯的突出出來，并指向正確的目標頁面?？稍L問性：盡最大可能的確保你的Web應(yīng)用易于操作、使用，哪怕是對那些有視力障礙或行為障礙的人來說，簡易的使用步驟是最受歡迎的。W3C有一篇文章《WebContentAccessibilityGuidelines》能夠幫助你很好的定義這一點，并指出了如何讓你的Web應(yīng)用在廣大用戶群里成為“用戶友好型”的應(yīng)用?？鐬g覽器測試:用戶很有可能會從多種瀏覽器和操作系統(tǒng)中訪問你的站點，不要讓你的應(yīng)用在不同的環(huán)境下無法顯示同樣的效果，所以你需要盡可能多地測試這些瀏覽器和操作系統(tǒng)組合，以確保你的Web應(yīng)用能夠按照計劃運行，為更廣泛的用戶提供一致的體驗。錯誤消息和警告信息：在很多情況下，你的Web應(yīng)用在某種程度上一定會崩潰，但這不是你的錯。你所要做的就是：當用戶遇到例如404頁或無法成功上傳資料的問題的時候，要確保應(yīng)用程序中顯示的消息是描述性的、對用戶來說對解決問題是很有幫助的。幫助和文檔：并不是所有的用戶在使用你的Web應(yīng)用時都能感覺很順暢，有些用戶在剛開始的幾次可能需要幫助；而其他人即使是很熟悉這款產(chǎn)品，也可能在使用該過程中會遇到一些問題。這時候你需要做的事是運行你的應(yīng)用，檢查文檔，確保在任何模塊或頁面中都有渠道讓用戶快速獲得幫助信息。布局：測試你的Web應(yīng)用以確保它能夠在盡可能多的瀏覽器和不同分辨率的屏幕中正確、一致地顯示。你還可以繼續(xù)檢查一下所有的動畫和交互操作（例如拖放特性和模態(tài)窗口）、字體和字形（尤其是Web字體）。當然，還有前端性能（頁面渲染速度、圖片和腳本加載時間）等。安全性測試大多數(shù)Web應(yīng)用都會從用戶那里獲取并儲存數(shù)據(jù)，包括用戶的個人信息、計費信息和工作/個人文件——這些數(shù)據(jù)都是用戶在信任你的應(yīng)用安全性的基礎(chǔ)上才會輸入的，所以你的Web應(yīng)用應(yīng)該做到下面這幾點：.對私人數(shù)據(jù)進行加密?在授予訪問權(quán)限之前堅持進行身份驗證，并對數(shù)據(jù)訪問進行限制.確保數(shù)據(jù)完整性，尊重用戶的要求黑客可以在任何時間任何地方攻擊你的應(yīng)用，但是，如果你能熟悉Web應(yīng)用漏洞的種類以及黑客常用手段的話，那這也是一個很好的避免被攻擊的好方法。攻擊Web站點和應(yīng)用的方法通常包括：跨站腳本：當一個網(wǎng)站被以誘騙的方式接受了惡意代碼，它就會向用戶傳播這個惡意代碼。.SQL注入：如果黑客通過一個用戶輸入漏洞運行一段SQL命令，就可能導(dǎo)致用戶數(shù)據(jù)遭到損壞或被竊。這些情況通常發(fā)生的原因是：Web應(yīng)用允許在SQL命令或系統(tǒng)命令中使用特殊元素。.DDoS（分布式拒絕服務(wù)）攻擊：當一個Web應(yīng)用無法呈現(xiàn)給用戶的時候，通常它會向服務(wù)器發(fā)出大量請求，會逐漸拖慢服務(wù)器并導(dǎo)致最終無法響應(yīng)。另外就是一定要對常見的、容易引起安全漏洞的編程錯誤進行測試，它們可能會讓你的Web應(yīng)用存在潛在的危險。這些常見的編程錯誤包括:缺少認證檢查、使用硬編碼憑證、沒有加密敏感數(shù)據(jù)、沒有鎖定Web服務(wù)器目錄訪問。除了對上面所述的內(nèi)容進行測試以外，你還可以尋求正義的安全專家的幫助，或者是尋找一些專門針對安全測試的自動化工具。加載測試當你的Web應(yīng)用的用戶人數(shù)從10個增加到100個的時候，速度肯定是會慢下來的。另外，你還可能會發(fā)現(xiàn)，在某一天、某一月或者是某一個時刻，流量會劇增，這有可能是因為你的優(yōu)惠政策吸引了病毒，或者是你的App出現(xiàn)在了某著名刊物上了，引來了眾多的用戶。在加載測試環(huán)節(jié)，需要測試你的應(yīng)用和服務(wù)器環(huán)境，以確保在不管有多少用戶登錄的情況下產(chǎn)品都能夠順利運行。大多數(shù)高質(zhì)量的Web主機都提供了實時的、大范圍的問題解決方案，所以在購買主機的時候一定要貨比三家。二、如何測試你的應(yīng)用測試是構(gòu)建Web項目不可分割的一部分，你需要通過一個系統(tǒng)化的方法來最大化有限時間和資源的使用。下面所列舉的就是測試一個典型的Web應(yīng)用所涉及到的步驟。設(shè)定目標在大多數(shù)情況下，測試是一個有時限的檢驗過程，尤其是當Web應(yīng)用準備發(fā)行的時候，這也就是為什么要考慮哪些功能需要優(yōu)先測試。例如，如果你正在構(gòu)建一個允許用戶創(chuàng)建在線商店的App，你可能會優(yōu)先測試支付網(wǎng)關(guān)連接這一功能，之后才會測試文本對齊問題。目標優(yōu)先不僅可以幫助你確保你的應(yīng)用的主要功能完備，還可以讓你在正確的方向上為整個開發(fā)團隊制定清晰的計劃流程表。

定義流程和使用案例在開始測試Web應(yīng)用之前，為你和你的團隊制定一個合理的流程非常重要。先收集所有可用的文檔，和你的測試人員分享一下觀點。接下來，設(shè)想多個用戶在使用你的應(yīng)用時可能會遇到的場景，比如應(yīng)用在使用過程中崩潰了該怎么辦。一定要設(shè)置一個bug跟蹤工具，測試人員可以用它來報告問題，開發(fā)人員和設(shè)計人員可以用它來識別和修復(fù)bug。設(shè)定一個測試環(huán)境在測試你的Web應(yīng)用之前，要將它部署在跟上線后的環(huán)境一致的服務(wù)器上，這樣才能測試出各種真實使用情況下的問題。有些問題在本地服務(wù)器上是測試不出來的。例如，在一個地圖Web應(yīng)用上，地圖中大量的SVG圖像可能需要很長時間的加載過程，如果移動用戶使用你的應(yīng)用，會導(dǎo)致他陷入困境，無法獲知前進的路線。真實的單元測試旦紋項目（一個致力于在線任務(wù)管理和協(xié)作的應(yīng)用）的QA專家JeremyPetter表示：在大多數(shù)的Web應(yīng)用測試過程中，困難是難以想象的，有可能要花一個星期的時間進行測試。不過也有捷徑，那就是將整個App分解成可管理的幾個塊進行測試。在Flow項目中我使用一個列表來標記每個用戶在應(yīng)用中進行交互的位置，以及它的一般形式和功能。因為這是一個模塊化列表，你可以添加或刪除一些項目，或者對在開發(fā)過程中發(fā)生變化的項目進行標注。ThousandsofteamsuseFlowbecausetheir…IdeasIIdeasI驗證你的代碼為了提供一個清潔、無錯的用戶體驗，你應(yīng)該對代碼進行驗證，并確保它是建立在Web標準基礎(chǔ)之上的。這樣做不僅能增加跨瀏覽器兼容性，而且還能提升Web應(yīng)用的性能。加載測試和性能調(diào)優(yōu)測試你的Web應(yīng)用和它的運行環(huán)境是否能經(jīng)得起巨大的流量和激增的帶寬需求，并尋找可能會導(dǎo)致App性能問題的瓶頸。同時，你也可以考慮使用一些網(wǎng)上服務(wù)來監(jiān)控用戶流量、服務(wù)器利用率和因代碼引起的問題，對App進行一些相應(yīng)的微調(diào)，以提高App的速度和效率。安全性測試最后，測試你的Web應(yīng)用以確保它能夠?qū)沟昧撕诳偷膼阂夤?。從基本的?yīng)用可用性和正常運行時間開始進行測試，直到用戶數(shù)據(jù)的完整性測試結(jié)束為止。三、對于測試的兩個小建