1. 程式人生 > >Web網站的測試流程和方法(一)

Web網站的測試流程和方法(一)

不同的 ui測試 放置 有時 測試流程 數據 測試的 雲測 切換

近期,Alltesting的眾測平臺
  有不少web網站的功能測試項目,像:
  農事GERP種植系統

技術分享圖片


  雲測試平臺

技術分享圖片


  頭號專家網項目第三輪功能測試

技術分享圖片


  於是,有些新加入眾測平臺的小夥伴們就很捉急:
  “web網站怎麽測試?”
  “除了按照項目需求文檔流程測,還應該怎麽操作?”
  “為什麽群裏有大神可以測出網站安全問題?而我就???”
  ... ...
  Alltesting
  那麽今天,我們就先來為大家分享一些web網站的測試流程和UI測試方法:
  【測試流程】
  一般來說,web網站的測試有時會包含一些探索性測試,除了嚴格按照開發方提供的測試需求文檔進行測試,我們也需要自行尋找bug。撇開一般的流程測試不談,我們先來說說如何進行探索性的網站測試:
  首先,測試的順序為:自上向下、從左到右;
  查看頁面的Title是否準確和合理;
  LOGO圖片顯示是否正確;
  首頁登錄、註冊的功能是否實現;
  欄目下的文章標題、圖片等鏈接是否正確;
  頁面最下方的“關於我們”等的鏈接是否正確;
  查看文章詳細頁面的內容是否存在亂碼、頁面樣式是否統一;
  站內搜索功能是否實現;
  前後臺交互的部分,數據傳遞是否正確;
  【UI測試】


  UI測試主要是對頁面樣式進行測試,也包含部分用戶體驗測試成分,一般來說包括以下幾方面內容:
  各個頁面的樣式風格是否統一;
  各個頁面的大小是否一致;
  各個頁面的Title是否正確;
  欄目名稱、文章內容等處的文字是否正確,有無錯別字或亂碼;同一級別的字體、大小、顏色是否統一;
  字體顯示是否有問題,大小是否統一,版式是否合理;
  切換窗口大小,將窗口縮小後,頁面是否按比例縮小或出現滾動條;各個頁面縮小的風格是否一致,版式是否合理;
  按鈕大小是否一致;按鈕放置位置是否合理;按鈕的樣式風格是否統一;按鈕之間的間距是否一致;
  頁面顏色是否統一;前景與背景色搭配是否協調;
  若有滾動信息或圖片,將鼠標放置其上,查看滾動信息或圖片是否停止;
  導航處是否按相應的欄目級別顯示;導航文字是否在同一行顯示;
  所有的圖片是否都被正確裝載,在不同的瀏覽器、分辨率下圖片是否能正確顯示(包括位置、大小);
  調整分辨率驗證頁面格式是否錯位現象;
  用戶在退出系統後重新登陸時是否需要自動返回到上次退出系統時的界面;
  在輸入數據欄目,如果要求輸入的數據符合某項規則,應在輸入界面提供相應的規則描述;當輸入數據不符合規則時應錯誤提示;
  在對任何配置信息修改後,都應該在用戶退出該界面時提示用戶保存;
  界面測試時,應驗證窗口與窗口之間、字段與字段之間的瀏覽順序是否正確;
  界面測試不光要考慮合理的鍵盤輸入,還應考慮是否可以通過拷貝粘貼輸入;
  對界面上的任何對象進行拖拉,然後進行查詢、打印,應保證查詢打印結果不變;
  確保時間及日期顯示格式的統一;
  確保相同含義屬性/字段名的統一;
  對所有可能產生的提示信息界面內容和位置進行驗證,確保所有的提示信息界面應居中;

Web網站的測試流程和方法(一)