Test Cases For Dropdown

Dropdown Test Cases: In this how-to, we will walk through 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 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.”

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 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 whether the dropdown is clickable or not.
• Check if the drop-down is open by clicking on both dropdown & the drop-down Arrow.
• Check the maximum character that can be displayed in the filter text area.
• Check whether the filter is responsive or not on the desktop, laptop, mobile phone, and tablet.
• Check on clicking over the drop-down the filter is expanding.
• Check on the click outside of the drop-down the filter should collapse.
• Check on 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 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 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 start with that letter
• Drop down with the selected item should display at the top of the drop-down list
• Make sure only one space appears 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.
• Drop down with the selected item should display at the top of the drop-down 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 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 whether the 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 whether dropdown values are 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 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 the text length for the maximum char or words shown or not 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 or not from keyboard typing.
• Check user can be able to 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 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 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 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 is controlling some other controls (enabling/disabling) then check the proper action.
• Check when the user pressed 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 which we miss mentioning here then you can inform us in the comment section.