Option Menu: Automating drop-down select lists

Robot School is the knowledge & learning centre for the Automation Cloud

There are trickier clicking cases when Autopilot won't attempt to auto-generate the full chain of pipes for an action. Let's consider the dropdown menu of choices as an example.

Cinema mode: Off

A target element might be not visible. An auto-generated CSS selector might be not specific enough, e.g. select option that returns all the menu items when we need just one of them. The general rule is that you can chain as many pipes as you need, but the last pipe of a pipeline should produce a single element for the "click" action to work.

Strategy

Record a "click" on the menu box, e.g. on a select element.
Add the DOM.queryAll pipe after the auto-generated DOM.queryOne to retrieve all the nested menu items by a CSS selector, e.g. option.
Add a DOM.getText pipe to retrieve text from each option.
Add the List.filter pipe to filter out the desired node only.

Pipes

Value.containsText

Checks if the value part of an element-value tuple is a string that contains the desired text and returns a boolean.

Value.equalsText

Is similar to the Value.containsText, but the value part should be precisely the same text.

List.filter

The filter applies a condition to every item of a list. In other words, every list item goes through the filter's pipeline, and it either stays or goes. Pipeline's result is an element-value tuple where the value part is a boolean. Filter pipe returns a list of items that pass the check.