This post was most recently updated on July 10th, 2019
We all are known about the multiple item selection drop-down list. It is used for select multiple items under a box or menu. By selecting items we can categories the list with help of drop-down menu. By default drop-down list will display only one item.
Below are some test cases which should be considered when we test a drop-down selection box.
1. Design of the drop-down should be proper. It should be aligned with other items of the page on all browsers.
2. Drop down design should be handled for the longest text in its list.
3. Drop down should be scrolled down by clicking down arrow key of the keyboard.
4. Drop down should have proper title.
5. Default item should be display when user visit the page first time.
6. When down arrow of the drop-down is selected all the items should be listed in its expected sequence.
7. Ensure the spelling, text font, text size of the items should be consistent.
8. Selected item of the drop-down list should be highlighted.
9. Loading time of the drop-down list should not take too much time to load.
10. If the list of drop-down is controlled by some other selection (like when we select an item from drop-down “A” is binding the values in drop-down “B”) then the correctness of the items listed in dependent drop-down should be proper.
11. If the selection in the drop-down is controlling some other controls (enabling/disabling) then check the proper action.
12. When keyboard alphabets are pressed, items started with respective alphabet should be display.
13. Select all and select none button should be available for user.
14. Design of the drop-down may change on various browsers which is common problem, browsers compatibility of the drop-down should be consistent in all browsers.