Dropdown Test Cases: In this how-to, we will learn how to write dropdown test cases for filters. Many applications make use of dropdown filters. Some examples include Google Spreadsheets, Twitter, Amazon, and any modern application.
As a result, creating Drop Down Test Cases for filters applies to most testers. Follow along with this how-to and finish your application’s test cases for filter functionality by creating your account in our free test case management tool. Before starting our test case, we need to define the Acceptance Criteria.
Post On: | Dropdown Test Cases |
Post Type: | Test Case QA |
Published On: | www.softwaretestingo.com |
Applicable For: | Freshers & Experience |
Social Group | Join SoftwareTestingo On Telegram |
What are the Acceptance Criteria for our filters?
As discussed in our requirements post, we must have functional requirements. So let’s go ahead and define them as such:
Description: “As an online retailer, users must be able to select and filter the category of product they are searching.”
Test Cases For Drop-Down List Acceptance Criteria
- Display a complete list of product database categories in the filter dropdown.
- Show products tagged with the same category as selected in the dropdown.
- What are the Filters Test Scenarios?
- We will want to document several test scenarios to successfully create test cases for filters. At a high level, they will include:
Likewise, I can give an N number of scenarios. For that, I need more requirements. Whatever points I have given you, those are just for a simple Drop Down.

Test Cases For Dropdown
- Check whether the dropdown is clickable or not.
- Check if the drop-down is open by clicking on both the drop-down & the drop-down Arrow.
- Check the maximum character that can be displayed in the filter text area.
- Check whether the filter is responsive on the desktop, laptop, mobile phone, and tablet.
- Check by clicking over the drop-down. The filter is expanding.
- Check on the click outside of the drop-down; the filter should collapse.
- When clicking inside the drop-down, it should display the filter options before the search. (example Google Search)
- Check that the selected filter value is displayed in the filter.
- Check the filter values are matching with the database values. (If filter values are coming from the database)
- Check search results before applying filters are accurate and complete.
- Check the filter results match the selected filter.
- Check outside results have not appeared in the filter results.
- Check if the filter UI works properly on all browsers your team is certifying (if web application).
- Check if there is an option to clear the selected filter value.
- Check depending on business requirements; check if a custom criteria filter can be applied.
- Check the filter options are persisted from session to session – depending on business requirements.
- Check if the results are sorted by relevance.
- Check is keywords and sort the results.
- Check if the filter option can be applied without selecting any value.
- Check the maximum number of values in the dropdown with the scroll bar.
Negative Test Cases For Dropdown
- Pressing the arrow is not giving the list of items
- The list should be scrollable
- you should not be able to type text in the box
- Pressing a letter should bring you to the first items with a start with that letter.
- The Drop-down with the selected item should be displayed at the top of the list.
- Make sure only one space appears and should not have a blank line at the bottom.
- Check the data is not loaded into the dropdown list on page load.
- Check the checkbox does not have a label.
- Try to enter data.
- Try to check more than one option.
- The Drop-down with the selected item should be displayed at the top of the list.
If Search is added in the Dropdown
- Check whether all values are added to the dropdown list or not.
- Check that the label text for the dropdown should be as per requirements and aligned or not.
- Check on clicking on the dropdown; it should display a list containing values.
- Check whether the dropdown displays all values as the user clicks on the dropdown.
- Check whether the scroll-down functionality is working in the dropdown list or not.
- Check that the drop-down list should be scrolled down by pressing the down arrow key on the keyboard.
- Check whether the default selected value is shown on the dropdown or not.
- Check that the dropdown should not editable.
- Check whether the order of the values in the dropdown list is the same as the requirement.
- Check that there should not any blank values shown in the dropdown list.
- Check whether dropdown values are case-sensitive or not, as a system requires.
- Check that the dropdown values should be accessible and selected by clicking on the alphabet from the keyboard.
- Check dropdown list design should not be disturbed on all browsers.
- Check the spelling for the values in the dropdown list.
- Check whether all the values are aligned or not.
- Check on mouse hover mouse pointer change from a pointer to hand or not.
- Check whether proper spacing is added between the values or not.
- Check mouse hover effect is added to the dropdown list or not.
- Check whether the text length for the maximum char or words is shown in the dropdown.
- Check that the user can choose any value from the dropdown by clicking on the tab button on the keyboard.
- Check search field should be clickable or not by clicking on the search field.
- Check whether the text is added in the search field from keyboard typing.
- Check user can paste the text in the search field by mouse.
- Check that the value from the list should be selected if the user adds a valid keyword.
- Check a proper error message should be shown in case the user adds an invalid keyword.
Test Cases For Multi-Select Dropdown Filter
We all are known about the multiple-item selection drop-down list. It is used to select multiple items under a box or menu. By selecting items, we can categorize the list with the help of a 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.
- Check the design of the drop-down should be proper. It should be aligned with other items on the page on all browsers.
- Check if the design can be handled for the longest text in its list.
- Check if the user can select other values from the list by clicking the down arrow key on the keyboard.
- Check if the dropdown has a proper title.
- Check if the default text is displayed in the dropdown filter.
- Check if the selected items of the drop-down list are highlighted or not.
- Check the loading time of the drop-down list should not take too much time to load.
- Check if the list of drop-downs 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 independent drop-down should be proper.
- Check if the selection in the drop-down controls some other controls (enabling/disabling), then check the proper action.
- When the user presses the keyboard alphabet, items starting with the respective alphabet should be displayed.
- Check if the user selects all and select none button should be available for use.
- The design of the drop-down may change on various browsers, which is a common problem; browsers compatibility of the drop-down should be consistent in all browsers.
Conclusion:
I hope these detailed test cases will help you write test cases if you face these questions in the interview. But if you notice any test cases we miss mentioning here, you can inform us in the comment section.
Leave a Reply