Test Cases For Dropdown

Dropdown Test Cases: In this how-to, we will walk through how to write 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 test cases for filters applies to most testers. Follow along with this how-to and finish your application’s first test case 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:	Test Case For Dropdown
Post Type:	Test Case
Published On:	www.softwaretestingo.com
Applicable For:	Freshers & Experience
Social Group	Join SoftwareTestingo In 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.”

Dropdown Test Cases 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 create test cases for filters successfully. At a high level, they will include:

Likewise, I can give an N number of scenarios. For that, I just need more requirements. Whatever points I have given you, those are just for a simple DROP DOWN.

Test Cases For Dropdown

• Check the dropdown is clickable or not.
• Check is the drop-down is open by clicking on both dropdown & the drop-down Arrow.
• Check the maximum character can be displayed in the filter text area.
• Check the filter is responsive or not on the desktop, laptop, mobile phone, and tablets.
• Check on clicking over the drop-down the filter is expanding.
• Check on click outside of the drop-down the filter should be collapse.
• Check on clicking inside the drop-down, it should display the filter options before search. (example Google Search)
• Check that the selected filter value is displayed in the filter.
• Check the filter values are matching with the data base values. (If filter values are coming from the database)
• Check search results before applying filters are accurate and complete.
• Check the filter results matching the selected filter.
• Check outside results have not appeared in the filter results.
• Check is the filter UI works properly on all browsers your team is certifying (if web application).
• Check is there any 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 is the results are sorted by relevance.
• Check is the results are sorted by keywords.
• Check is the filter option can be applied without selecting any value.
• Check the maximum number of values in the dropdown with the scroll bar.

If Search is added in the Dropdown

• Check all values are added in the dropdown list or not.
• Check that the label text for the dropdown should be as per requirements and aligned or not.
• Check on click on the dropdown it should display a list containing values.
• Check that the dropdown displays all values or not as the user clicks on the dropdown.
• Check scroll-down functionality 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 that the by default selected value is shown on the dropdown or not.
• Check that the dropdown should not be editable.
• Check the order of the values in the dropdown list same as the requirement or not.
• Check that there should not be any blank value shown in the dropdown list.
• Check dropdown values case sensitive or not as a system required.
• 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 all the values in the Dropdown align or not.
• Check on mouse hover mouse pointer change from a pointer to hand or not.
• Check whether proper spacing is added on the dropdown values or not.
• Check mouse hover effect is added for the dropdown list or not.
• Check the text length for the maximum char or words are shown or not in the dropdown.
• Check that the user can choose any value from the dropdown by clicking on the tab button from the keyboard.
• Check search field should be clickable or not by clicking on the search field.
• Check that the text is added in the search field or not from keyboard typing.
• Check user can be able to pastes 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 Multiple Selection 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 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 of the page on all browsers.
• Check is the design can be handled for the longest text in its list.
• Check is the user can select other values from the list by clicking the down arrow key of the keyboard.
• Check is the dropdown has a proper title.
• Check is the default text is displayed in the dropdown filter.
• Check is 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 is 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 is the selection in the drop-down is controlling some other controls (enabling/disabling) then check the proper action.
• Check when the user pressed the keyboard alphabets, items started 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.