測試會遇到的控件

          我們測試一個軟件,不管是C/S系統還是B/S系統,都會遇到各種各樣的控件。控件是構成應用程序交互界面的基本元素,知己知彼,百戰不殆,測試它們就要首先了解它們的特性。這裏,我對常見的控件做一個彙總。希望大家在測試的時候能夠瞭然於心,得心應手。

  常見的控件:
  1.文本輸入框(TextBox)

  2.按鈕控件(Button)

  3.下拉選框(DropList

  4.日期/時間控件(Date/TimePicker)

  5.圖片、文件)上傳控件(Upload)

  6.樹形控件(TreeView)

  7.列表框(ListBox)

  8.多格式文本框(RichTextBox)

  9.Tab控件

10.其他控件

以下是上述常用控件就樣式、屬性、功能、測試點等方面的總結

1.文本框

   純文本框(不帶其他類型控件)主要分爲密碼框、文本框(TextBox)和多行文本框(TextArea

1.1密碼框

(1)樣式:

     

(2)屬性:

    輸入的文本會自動以黑色圓點或星號加密顯示。

(3)功能:

    用於輸入密碼

(4)測試點(功能):

      1.字符長度

      2.是否區分字母大小寫

      3.全角半角輸入(數字、英文)

      4.是否允許空格字符

      5.輸入的密碼是否密文顯示,是否可以“顯示密碼”

      6.安全性:是否可以複製、粘貼方式輸入、複製粘貼後是否看到明文  

      7.安全性:密碼傳輸過程是否加密、數據庫保存是否加密

      8.密碼驗證方式是否爲比對模式。

      9.登錄後是否會用明文傳遞參數

      10.利用複製粘貼等操作強制輸入不允許的輸入數據

      11.同文本框測試點


1.2文本框

(1)樣式:

    

(2)屬性:

    普通文本框,允許輸入文本、數字等類型的字符

(3)功能:

    用於普通文本的輸入和顯示,常搭配其他控件使用

(4)測試點(功能)

      1.輸入中文、英文大小寫、數字、特殊字符,構建有效等價類和無效等價類

      2.全角半角輸入(數字、英文)和顯示

      3.輸入框是否爲必填項(空輸入)

      4.是否可以輸入空格以及對空格的處理(包括全角半角、中英文、文本首尾、文本間的空格)

      5.字符長度

      6.支不支持快捷鍵操作(Enter、Ctrl+“C/V/X/A/Z”複製粘貼剪切全選撤銷等)

      7.數值型、日期型、時間型文本框的合法性校驗

      8.利用複製粘貼等操作強制輸入不允許的輸入數據

      9.特殊字符(串):單引號、雙引號、分號、Null、null、/、\、轉義字符、</html>等

      10.JavaScript代碼:<b>Hello</b>、alert("hello")

      11.html代碼:<font>你好</font>、<script>alert(/xss/)</script>

      12.注入式Bug??是指注入代碼的意思嗎

     

1.3多行文本框

(1)樣式:


(2)屬性:

      可以輸入複數行的文本。一般附帶滾動條(樣式1)或可以拖曳文本框大小(樣式2),以便瀏覽多行文本

(3)功能:

    多行文本的輸入。

(4)測試點(功能)

      1.是否允許Enter換行

      2.保存後是否保持輸入時的格式顯示

      3.僅輸入Enter換行能否保存

      4.是否能夠調整文本框大小,拖動調整大小時,能否與頁面其他元素自適應

      5.當輸入文本較長時,是否出現滾動條或者自動擴展文本框大小

      6.同“文本框”的1~6測試點


2.按鈕控件    

    按鈕(Button)主要分爲命令按鈕(Push/Command Button)、單選鈕(Radio Button)、複選框(Check Box)以及它們的組合。


2.1命令按鈕

       應用程序中使用戶通過簡單的點擊按鈕來執行操作。當用戶點擊按鈕後,不僅會執行相應操作,還會使該按鈕看上去象被按下並釋放一樣。部分按鈕會在鼠標懸浮其上且沒有點擊時改變按鈕顯示形態(如彈出說明框、字體變化、高亮)或改變光標顯示形態(如變成手型)。

       命令按鈕的顯示形式可以是文本、圖形或圖片。大致可以分爲純文本、純圖標、純圖片、文本、文本和圖標結合。

       對命令按鈕的操作一般只有鼠標單擊或鍵盤敲Enter/Space,有些按鈕單擊和雙擊的實現功能不同,而有些功能豐富的按鈕在鼠標右鍵點擊之後會彈出右鍵菜單。

     點擊命令按鈕產生的響應有彈出新窗口、彈出框體、彈出新頁面、切換或彈出菜單(結合菜單欄)、彈出列表框(結合下拉列表)、刷新、放大/縮小/收起/關閉窗口等等。


    以下就命令按鈕的顯示形式進行講解。

2.1.1 純文本按鈕

(1)樣式:



(2)屬性:

一般純文本形式的按鈕在

       光標懸浮其上時,一般文本的顯示形態會變化,具體表現爲底部出現下劃線、字體顏色變化、字體高亮或出現背景框,還很有可能彈出詳細的說明信息框。而且光標的形狀會變成手型。當然文本形態也可以不變化。這些表現形式都是爲了引導用戶點擊操作。

       操作按鈕後,按鈕的形態不定:可能不變化,可能字體顏色改變or文字改變以傳達按鈕已被點擊過的意思,也可能按鈕置灰無法二次操作。

(3)功能:

       大部分純文本按鈕都出現在網頁中,用於打開新的頁面(在新窗口或當前窗口打開);在菜單中實現菜單切換或者彈出菜單欄,相當於選項卡,如Word的菜單欄就是點擊文本進行切換的;其它豐富的功能,如點贊按鈕、收起展開按鈕、收藏按鈕、驗證碼刷新按鈕等等。

(4)測試點:

      1.按鈕的文本是否正確、簡潔、明瞭,樣式是否美觀、統一

      2.光標懸浮在按鈕上時,文本和鼠標光標是否有需求的形態變化

      3.點擊按鈕是否響應正確的操作,如打開正確頁面、實現需求功能

      4.點擊完成後,按鈕文本的形態是否正確

      5.能否實現tab、Enter等快捷鍵功能

      6.快速點擊兩次,是否一次有效;鼠標左鍵長按後移開是否取消了操作

      7.是否有右鍵菜單,且菜單內的功能是否實現

      8.是否能夠複製文本文字(鼠標長按拖到輸入框或光標選中複製粘貼)


2.1.2 純圖標按鈕

(1)樣式:

            

(2)屬性:

       純圖標按鈕的形狀本身就具有很形象的解釋力,光標懸浮在按鈕上時經常會彈出更詳細的說明信息框,用來具體解釋此按鈕實現的功能。鼠標懸浮時,也會出現圖案高亮、出現背景框、光標變手型等形態變化。

      圖標按鈕經常會有兩種狀態:可使用和置灰狀態。置灰狀態對點擊操作不響應。

      某些圖標按鈕會被分配相應的快捷鍵。

      圖標不同於圖片,一般大小比圖片要小。

(3)功能:

     點擊按鈕後可以打開新頁面新窗口,可以彈出菜單欄,也可以實現各種豐富的功能。最經典的圖標按鈕就是Windows的最小化、最大化、關閉、前進後退、刷新按鈕。圖標圖案還可能是某網站的Logo,點擊進入網站首頁。

(4)測試點:

      1.按鈕圖標是否正確對應功能含義、是否風格大小統一、是否清晰美觀

      2.光標懸浮時,圖標和鼠標光標是否有需求的形態變化

      3.點擊按鈕是否響應正確的操作

      4.點擊完成後,按鈕的形態變化是否正確

      5.如果是置灰的按鈕,是否不能點擊操作

      6.能否實現tab、Enter等快捷鍵功能

      7.如果分配了快捷鍵,快捷鍵操作是否有效

      8.快速點擊兩次,是否一次有效;鼠標左鍵長按後移開是否取消了操作

      9.是否有右鍵菜單,且菜單內的功能是否實現


2.1.3純圖片按鈕

(1)樣式:



(2)屬性:

       純圖片按鈕就是一張圖片可以點擊產生響應,不同於圖標按鈕,圖片更有預覽意義,圖片內容不代表功能,同一功能可能因爲場景、對象不同而圖片內容不同

      對圖片按鈕的操作一般就是單擊,還可能右鍵彈出功能菜單。

(3)功能:

       圖片按鈕主要有三種功能:帶有新頁面的鏈接地址,點擊能夠打開新頁面;點擊能夠打開功能窗口,如頭像設置、封面修改窗口;點擊放大查看圖片。

(4)測試點:

      1.按鈕圖片是否正確對應內容、樣式是否統一美觀,圖片分辨率是否良好

          2.光標懸浮時,圖片和鼠標光標是否有需求的形態變化

      3.點擊按鈕是否打開正確的頁面、正確的功能窗口或者是否正確放大

      4.快速點擊兩次,是否一次有效;鼠標左鍵長按後移開是否取消了操作

         5.是否有右鍵菜單,且菜單內的功能是否實現

      6.圖片是否可以複製


2.1.4文本方框按鈕

(1)樣式:

             

(2)屬性:

      文本方框按鈕是最常見最經典的按鈕,文字置於一個不透明的方框中間。一般方框的形狀爲長方形而不是正方的。

      此類按鈕也會有可用和置灰狀態,也可能有右鍵菜單、快捷操作,但一般不能複製文本和圖案。如果按鈕帶有網站鏈接倒可以複製。

      按鈕的方框使其脫離其他控件,在頁面中很凸顯。

(3)功能

     此類按鈕一般很少用於鏈接網址,基本用於實現具體的功能或打開新的功能窗口。

(4)測試點:

      1.按鈕中的文本是否正確,樣式是否美觀統一,是否置於方框正中,方框的樣式是否美觀

      2.光標懸浮時,按鈕和鼠標光標是否有需求的形態變化

      3.點擊完成後,按鈕的形態變化是否正確

      4.如果是置灰的按鈕,是否不能點擊操作

      5.能否實現tab、Enter等快捷鍵功能

      6.如果分配了快捷鍵,快捷鍵操作是否有效

      7.是否有右鍵菜單,且菜單內的功能是否實現

      8.對非法的輸入或操作給出足夠的提示說明,如,空輸入時點擊“上傳”按鈕要給出提示

   9.對可能造成數據無法恢復的操作必須給出確認信息,給用戶放棄選擇的機會,比如“刪除”按鈕


2.1.5 文本與圖標結合的按鈕

(1)樣式:

                


       此類按鈕類似於純圖標按鈕加了文字的簡略解說,能更好的解釋按鈕的功能。

      其屬性功能和測試點也基本差不多,詳情參考純圖標按鈕。


2.2單選鈕

(1)樣式:

              

(2)屬性:

      我們選中單選鈕選項時,圓環中間出現一個小實心圓點表示該項被選中。在一組單選按鈕選項中,只能選中其中一項,這和複選框是不同的。一組單選鈕可以有初始值也可以沒有。

(3)功能:

      用於用戶只能從選項列表中選擇一項的情況。

(4)測試點:

     1.單選選項是否統一按鈕居左、文字描述居右

     2.選擇單選按鈕保存後,是否正確執行功能,或者數據庫是否正確存入了選項值

     3.單選鈕是否有初始值、默認選項

     4.同一組單選鈕是否只能選中一個(互斥)

     5.同一組單選鈕是否不能同時爲空

     6.刷新頁面後,是否仍然選中選項或默認值

     7.操作是隻點擊按鈕選中還是可以點擊按鈕文字選中


2.3複選框

      複選框一般是用戶多選的選項框。在更復雜的組合複選框中,複選框還能實現“全選”、“全不選”、“反選”功能。

2.3.1普通的選項複選框

(1)樣式:

                           

            

                              

(2)屬性:

      同一組複選框中可以同時選中多項,選中後會呈現打鉤狀。一組複選框一般沒有初始值。

      複選框除了有選中和不選中兩個狀態,還有一個獨立的屬性:“不確定”(indeterminate)

      不確定狀態的checkBox的值仍然只有checked或unchecked,狀態僅僅是爲了用戶視覺界面上看起來更友好例如帶複選框的級聯菜單時,子級菜單的多個複選框爲部分選中的時,父級菜單的複選框應處於不確定狀態,來反映子菜單的部分選中情況;或者爲了表示選中或不選中都不影響時,可以顯示爲不確定,但實際內在值是確定的。

(3)功能:

      用於用戶從選項列表中自由選擇選項的情況(單選、多選、不選)。

(4)測試點:

      1.選擇複選框選項保存後,是否正確執行功能,或者數據庫是否正確存入了選項值

      2.複選框是否有初始值、默認選項

      3.複選框是否可以同時選中多個

      4.複選框是否可以同時爲空

      5.刷新頁面後,是否清除選項

         6.操作是隻點擊方框選中還是可以點擊複選框文字選中

      7.父級菜單的複選框爲不確定狀態時,子集菜單是否爲部分選中

      8.複選框爲不確定狀態時,是否符合邏輯

2.3.2全選反選複選框

(1)樣式:

      

      

(2)屬性:

      全選複選框——點擊全選,其下的選項複選框組全選中,再次點擊取消全選中

     反選複選框——選項複選框全選中或無選中時相當於全選;當選項複選框部分選中時,點擊反選,所有選項複選框反向選擇(即選中變爲不選中,不選中變爲選中)

     複選框可以同時實現全選和反選功能,也可以只實現全選功能。

(3)功能:

     實現選項全選或反選。

(4)測試點:

      1.當沒有選項選中時,點擊全選複選框,是否選項全選中,全選複選框變爲選中狀態

      2.當選項全選中時,點擊全選複選框,是否選項取消全選中,全選複選框變爲未選中狀態

      3.當選項部分選中時,點擊全選複選框,是否選項全選中,全選複選框變爲選中狀態

      4.當選項部分選中時,點擊反選複選框,是否選項反向選擇,反選複選框變爲相反狀態

       

3.下拉選框

(1)樣式:

            

       

                   

(2)屬性:

      下拉選框(DropList)包括一個右側帶有倒三角圖標的文本框和下拉列表框,點擊倒三角圖標會彈出下拉列表,點擊列表中的選項,選項就顯示在文本框中。

      文本框可以編輯新增選項也可能選項固定,可以有初始值也可以初始爲空。

      選項可以多選也可以單選,且多選下拉列表經常還會配合複選框來實現同時多選的效果。當光標懸浮於選項時,

還可以即時顯示對應的預覽效果。

      VB組合框中的Dropdown List/Combo,功能上和DropList十分類似,區別在於組合框明確只可單選選項、用戶不能輸入和編輯選項。實際情況下可以一同測試。

(3)功能:

      選擇控件。

(4)測試點:

      1.初始值(即操作下拉框前文本框中顯示的值):爲空、提示信息、某一選項

      2.列表選項的文本是否正確、左對齊、顯示完全以及選項排列順序

      3.列表選項是否可以爲空,是否可以編輯

      4.列表框的長度高度是否合適,長度是否可變,如何將不能完全顯示的選項顯示出來

      5.列表內容是否可變,可變的最好要用SQL或其他方式驗證正確性,不允許出現重複值

      6.列表超過列表框顯示區域是否自動提供滾動條

      7.光標定位到下拉列表上時,是否支持鍵盤快捷操作,如↑,↓,Home ,End ,PageUP ,PageDown等

      8.可編輯下拉列表框是否可以插入新選項值,插入值的有效/無效等價類驗證(包括空格、全半角字符、特殊字符等情況)、長度驗證以及重複性驗證

      9.可編輯下拉列表框是否可以刪除選項,是否可以刪除所有選項

    10.可編輯下拉列表框新增或刪除選項值後,選項是否正確顯示

    11.一組聯動的下拉框,改變其中一個下拉框的選項值,其餘的下拉框是否作出相應的可選選項內容的改變

    12.選擇一個選項後,下拉列表是否自動收起

    13.多選下拉框選擇多個選項後,文本框中顯示是否正確

    14.有預覽效果的下拉框,光標懸浮於選項時,顯示的預覽效果是否正確


4.日期/時間控件

(1)樣式:

               

                      

(2)屬性:

            日期/時間控件輸入年月日或時分秒的時間信息。

       日期控件包含一個顯示文本框和日期選擇框插件。一般鼠標點擊文本框或者右側表示時間的圖標就能彈出選擇框。日期以日曆表形式展現,一般月份年份會有個下拉列表供選擇,選定好具體日期直接在日曆表上單擊、雙擊或“確定”。此外“日曆表”還支持左右翻頁、“清空”、“今天”、“確定”或“關閉”等功能按鈕

       時間控件一般支持手動輸入和點擊下拉選項設置。可以用up-down控件來調整時間。

       日期和時間控件使得時間信息的輸入通過幾次單擊操作就能完成,更爲方便。兩種控件可以結合在一起使用。

(3)功能:

       實現日期或時間的輸入

(4)測試點:

   <1>日期控件:

       1.選擇日期後,文本框是否顯示正確日期,日期選擇框是否收起

       2.日期格式是否正確,年月日是否有限制

       3.用左右按鈕、下拉框切換年月是否正確

       4.是否有初始日期,如當前日期

       5.日期文本框是否可以手動輸入或修改日期,修改成錯誤的年月日、錯誤的格式、錯誤的字符類型(中文字母特殊字符空格)是否有提示信息或者限制此類錯誤輸入

       6.清空、今天、確定、關閉等按鈕是否實現功能

   <2>時間控件:

       1.時間格式是否正確

       2.用up-down按鈕、下拉框切換時分秒是否正確

       3.up-down按鈕調整分和秒自增或自減時是否自動進位或退位(如滿60秒分加1)

       4.是否有初始時間

       5.時間文本框是否可以手動輸入或修改時間,修改成錯誤的時分秒、錯誤的格式、錯誤的字符類型(中文字母特殊字符空格)是否有提示信息或者限制此類錯誤輸入


5.(圖片、文件)上傳控件

(1)樣式:

         

      

      

(2)屬性:

       實現文件的上傳功能一般先點擊“瀏覽”或“添加”按鈕,會彈出本地文件“打開”窗口,按路徑找到合適的文件並選中、打開(或者直接雙擊),文件名稱(名稱可能帶路徑)就會顯示在列表或文本框中,再點擊“上傳”按鈕等待上傳即可。上傳的過程中,會有進度顯示條顯示上傳的完成情況。

(3)功能:

       上傳本地文件到相關服務器上,然後對文件進行後續操作。

(4)測試點:

      1.選擇合法格式大小的文件是否能夠上傳成功(每一種格式、文件大小的最大最小值和邊界值都要測)

      2.選擇不合法的格式或大小的文件上傳,是否不成功且有錯誤提示

      3.選擇0 kb的圖片上傳是否不成功且有錯誤提示

      4.選擇一個合法但是正在使用中的文件(如打開的word文檔),是否上傳成功

      5.如果允許手動輸入文件路徑,在文本框中手動輸入如下情況是否上傳成功:

       (1)手動輸入一個存在的合法的文件路徑

       (2)輸入不存在文件的路徑

       (3)輸入的路徑下文件不合法

       (4)只輸入文件名稱不帶路徑

       (5)正確的文件路徑包含空格(前中後、全半角空格)

       (6)路徑爲空

       (7)超長字符的路徑是否可以輸入

      6.是否支持中文路徑或中文名稱的文件上傳

      7.文件名稱最大最小字符個數,名稱包含特殊字符、空格、程序語句是否影響上傳

      8.上傳常見木馬,上傳過程中有斷網、服務器宕機等異常情況

      9.上傳時服務器空間接近已滿

    10.上傳成功的文件是否可以查看、刪除、替換和下載,是否可以取消上傳

    11.批量上傳

    12.上傳同名文件是否給出錯誤提示


6.樹形控件

(1)樣式:

         

      

(2)屬性:

       樹形控件用於管理一組分級的文件夾。最左側的方框或者三角形圖標控制着文件夾的收攏和展開。

       文件夾收攏時,方框圖標內是一個“+”號、三角形圖標正三角指右;點擊圖標,節點展開,顯示出下級的文件夾或文件,方框圖標內變成一個“-”號、三角形圖標指下。而且樹形圖標只顯示於有下級菜單的節點,沒有下級菜單的不顯示。

       經常,樹形控件還會帶有選擇功能,每個文件夾或文件都附帶一個複選框,上下級的選擇狀態互相影響。

(3)功能:

       文件菜單分級管理功能。

       文件菜單選擇功能。

(4)測試點:

      1.樹節點的圖標展開前後是否風格一致,如果有樹結構的連線是否顯示正確

      2.默認樹結構是展開還是收攏的

      3.所有節點和葉子的圖標、名稱是否正確

      4.點擊某個節點時,是否只展開下一級的節點和顯示該級的葉子還是顯示下一級全部的

      5.頁面刷新後,是保持現狀還是恢復到默認樹形狀態

      6.執行了某一操作或樹結構上的數據發生了變化,是保持現狀還是恢復到默認樹形狀態

      7.選中某一節點的複選框,下級節點是否全部自動置爲選中

      8.當兩級節點全部選中時,取消選中上級節點,下級節點是否全部自動取消選中

      9.當兩級節點全部選中時,取消選中某一下級節點,上級節點是否也自動取消選中或者置爲不確定狀態


7.列表框

(1)樣式:

           

    

(2)屬性:

       列表框用於提供一組條目(數據項),用戶可以用鼠標選擇其中一個或者多個條目,但是不能直接編輯列表框的數據。當列表框不能同時顯示所有項目時候,他將自動添加滾動條,使用戶可以滾動查閱所有選項。

       值得關注的是,列表框中的項目是通過程序插入到其中的,用戶無法向清單中輸入數據或者編輯數據,當選擇其中的項目,並在用戶單擊一個按鈕或者執行某個操作時,由應用程序完成對指定項目的具體操作。

       列表框和組合框的區別在於,組合框帶有一個文本框,既能輸入數據又能選擇數據。

(3)功能:

       選中列表框中一個或多個選項,配合執行功能按鈕或操作(如刪除、上傳、導出、下載、移動等等)。如果可以選中多個選項,即可實現批量操作。

(4)測試點:

      1.列表框中的文本是否正確、格式風格美觀統一

      2.選擇選項後執行操作是否成功

      2.列表選項超過列表顯示區域時是否及時出現滾動條(包括垂直和水平方向)

      3.能否用鍵盤快捷鍵選擇選項(上下鍵、Enter、Space等)

      4.能否用Shift鍵+點擊連續多選、用Ctrl鍵+點擊選擇性多選、Ctrl+All鍵全選、直接用鼠標點擊多選選項

      5.是否響應雙擊操作


8.多格式文本框

(1)樣式:

      

              

(2)屬性:

       RichTextBox(多格式文本框)控件是基於TextBox控件開發的一種功能更爲強大、使用更爲方便的控件,它可以完成TextBox的一切功能,具有上百個屬性與方法:設置字體、顏色和鏈接;從文件中加載文本、插入圖片;進行撤消與重做等編輯操作。

(3)功能:

       該控件常用於文本顯示和編輯的字處理插件,如Windows的寫字板或Office Word中。

(4)測試點:

      1.選中文本依次測試各種操作,是否正確實現,保存文本後是否正確顯示

      2.不選中文本,點擊操作,是否不實現

      3.點擊文本格式類的操作後,再輸入文本,是否正確響應(如設置字體爲紅色後輸入文本,是否爲紅色)

      4.點擊插入類的操作(如插入圖片、表情、特殊字符、表格、分頁符等),是否正確插入和顯示

      5.複製粘貼剪切和撤銷功能是否正確

      6.是否有查找字符和替換字符功能

      7.是否可以在文本編輯框實現快捷鍵操作以及右鍵菜單操作

      8.文本超過文本編輯框顯示區域時,是否自動顯示滾動條

      9.操作按鈕點擊後是否有按鈕形態的變化,比如表示設置爲傾斜狀態的形態變化

    10.文字和圖片、表情、特殊字符等插入元素的排列位置以及間距是否美觀


9.Tab控件

(1)樣式:

      

      


(2)屬性:

      Tab控件也叫選項卡。每個選項卡代表一個活動的區域,用於將相關的控件集中在一起,放在一個頁面中用以顯示多種綜合信息。瀏覽器的每個Tab代表一個網頁,它方便在同一個窗口中打開多個網站。

       每個Tab選項卡通過鼠標選中或者快捷鍵實現切換,通過雙擊或者點擊叉圖標實現關閉,還可以長按拖動選項卡之間的位置。

(3)功能:

       Tab控件通常用於顯示多個選項卡,其中每個選項卡均可包含圖片和其他控件。

(4)測試點:

      1.選項卡的樣式風格是否統一美觀

      2.點擊是否可以選中選項卡,切換是否流暢,每個選項卡的內容是否顯示正確,被選中的選項卡是否高亮顯示

      3.快捷鍵Ctrl+Tab鍵能否切換選項卡

      4.選項卡是否有關閉圖標,點擊是否能夠關閉,雙擊能否關閉選項卡

      5.選項卡是否可以拖動改變位置,或者拖動移出窗口成爲一個單獨的頁面

      6.當選項卡標題中的文字較長時,文字如何顯示,光標懸浮其上時,是否會彈出完整的標題信息框

      7.選項卡標題中的圖案是否顯示清晰,分辨率良好

      7.選項卡的長度是否會根據選項卡標題長度或者窗口中打開的選項卡數目自適應


10.其它

       其它還有各種常見的控件,比如翻頁控件、滾動條等。

10.1 翻頁控件

(1)樣式

      

         

(2)屬性:

       翻頁控件實際上就是一組實現翻頁功能的控件組合。一般可以分爲“首頁”、“尾頁”、“上一頁”、“下一頁”、數字頁(即點擊該數字就翻到第幾頁)按鈕,通常還會帶有頁碼的數字文本輸入框和“確定”按鈕組合實現快速翻頁。

       數字頁按鈕除了點擊翻頁的功能,按鈕的選中狀態還能顯示出當前所在頁的頁碼。而文本框通常支持“Enter”快捷鍵,一般不支持全角數字輸入。

(3)功能:

      將一個大的頁面分成兩個或以上的頁面,並在頁面之間便捷地相互跳轉。

(4)測試點:

      1.翻頁控件的整體風格樣式是否美觀統一,符合需求

      2.在非首頁頁面,點擊“首頁”(或代表首頁的圖標按鈕),是否跳轉到第一頁,且數字“1”變爲選中狀態

      3.在非末頁頁面,點擊“尾頁”(或代表末頁的圖標按鈕),是否跳轉到最後一頁,且最後一位數字變爲選中狀態

      4.隨機點擊數字頁,是否跳轉正確,且相應的數字變爲選中狀態

      5.在非首頁點擊“上一頁”(或代表上一頁的圖標按鈕),是否跳轉到上一頁

      6.在首頁點擊“上一頁”,是否按鈕置灰不能點擊或者不跳轉或者給出正確的錯誤提示

      7.在非末頁點擊“下一頁”(或代表下一頁的圖標按鈕),是否跳轉到下一頁

      8.在末頁點擊“下一頁”,是否按鈕置灰不能點擊或者不跳轉或者給出正確的錯誤提示

      9.當頁碼過多時,分別點擊靠前、中間、靠後的頁碼,“...”省略號和數字頁按鈕的位置是否正確合理

             示例:

    10.頁碼輸入文本框輸入任意頁數範圍內的有效數字,點擊“確定”是否正確跳轉頁面

    11.頁碼輸入文本框輸入0、超過總頁數的數字、負數、特殊字符、中英文、全角字符,點擊“確定”是否不跳轉或者給出正確的錯誤提示或者不允許輸入

    12.頁碼輸入文本框輸入空格(全半角、中英文狀態),點擊“確定”是否不跳轉或者跳轉到首頁或者不允許輸入

    13.頁碼輸入文本框輸入的數字含有空格(前中後、全半角、中英文狀態

    14.頁碼輸入文本框輸入有效數字,敲“Enter”是否可以正確跳轉

    15.如果沒有“首頁”和“尾頁”按鈕,數字“1”和總頁數數字是否常顯

    16.關於總頁數的文字信息是否正確

    17.當頁面較長、翻頁控件在頁面底部時,點擊頁碼,是否跳轉到相應頁面頂部


10.2 滾動條

(1)樣式:
         
(2)屬性:
       滾動條由滾動滑塊和滾動箭頭組成,是一種圖形用戶界面控件。控制滾動條移動的方式有用鼠標滾輪控制,用鍵盤控制,用鼠標拖動滑塊或點擊滾動箭頭控制。頁面的位置隨着滾動滑塊的移動而移動。滾動滑塊的長度可以隨頁面長度自動調整。
(3)功能:
      當頁面較長時,實現跨頁瀏覽。
(4)測試點:
      1.滾動條的滾動滑塊和滾動箭頭的樣式風格是否美觀統一,是否與滾動框相匹配
      2.滑動鼠標滾輪、鼠標拖動滑塊是否正確滾動頁面且快速流暢
      3.光標定位在整個頁面,敲鍵盤上下鍵和鼠標點擊上下滾動箭頭,頁面滾動的幅度和速度是否合適
      4.長按鍵盤上下鍵和上下滾動箭頭,頁面是否均勻連續滾動。
      5.是否有右鍵菜單,菜單中選項的功能是否實現
      6.滾動條是固定在頁面還是當頁面過長時纔出現
      7.滾動滑塊的長度是否隨着頁面長度自適應,是否符合頁面位置和長度的百分比


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章