How to select options from a drop-down in the chromium (CEF) browser
This Knowledgebase article details a particular situation when selecting options from a drop-down in the chromium (CEF) browser when these are <option> tags inside of a <select> tag (in the page DOM).
Note: Always check what type of tag is the drop-down. For example, if the tag is a <div> and all options are <div> tags as well, configure the robot to click on the drop-down and then click directly the option it needs to choose.
The information below applies to the cases when the drop down is a <select> tag.
To select an option from this drop down, we cannot use the <option> tags from under the <select> because this type of element doesn't have bounds so the mouse click won't work.
To select an option in a drop down (a <select> tag), follow these steps:
- Click on the <select> tag to open the list of options.
- After the click, there will be a new element created under window > ui called drop_down_list
The drop_down_list element contains all the options from the drop down and they can be selected from here:
Therefore, the step that will select the option will be a Click in which the component selector will be
drop_down_list > option
with a setting to match an attribute value or text.
E.g. to match "Algeria" which is in a text variable:
Level of Complexity
Add any references to other internal or external articles