How to select multi select Dropdown using LEAPWORK

Automating Multi select dropdowns can be tricky, but with LEAPWORK you can automatically reproduce the same steps a human does to select multiple options, below are the examples to achieve this:

Precondition :

A user has a multi select dropdown, for example https://bootsnipp.com/snippets/Ekd8P and the user wants to select two options - Cheese & Onions.

Solutions: 

1. Selecting one by one using multiple Click Web Element blocks:
   • Open the URL and navigate to drop down control:
   • Now Click on drop down control to expand it
   • After that use two Click Web elements to click on multiple options as shown below
2. Selecting elements with one Click element and with a scroll:
   • Open the URL and navigate to drop down control:
   • Now Click on drop down control to expand it
   • After that use Find element to capture all elements in dropdown, and make sure that Use Occurrence option is selected to 'All' so that we can iterate through all options.
   • Now capture one element using 'Click Web Element' block and keep only inner Label/element and replace the identifier text with field (shown below)
   • Now, joining Find Web Element with Click Web Element where Find Web Element is connected as source to Click Web Element  and replacing Field1 with dynamic data will allow the user to click dynamically in iteration. If the drop down has a scroll control then you can use 'Scroll to find' with option as 'Down' (currently its 'None') in click web element block to click deep in the dropdown. 
   • Here is the result

For any clarification, please contact our Priority Support.

You can download the attachment below and try out yourself by importing the case in LEAPWORK. Read here: How to Export and Import test.