Web-based forms are an important part of most interactive web applications, so let's learn how to use Flood Element to interact with them. Element makes it easy to interact with common UI form controls.
The simplest way to enter text and interact with standard text field entry is to find the ID of the form field and use the following example:
You can also use a CSS selector to interact with a text entry field as follows:
XPath is also available for selecting the field you'd like to interact with:
Dropdown listbox values can simply be chosen by using the selectByValue function as in the following example:
You only need to click a checkbox or a radio button to interact it. First, select the checkbox or radio button with your preferred method, then click it.
First, find the element that the user would click on to show the dropdown and click on it. This will differ between dropdown libraries but you can generally find it by right clicking the dropdown in your browser and choosing inspect element.
Trigger a click.
Then select and click on one of the options that should now be visible
If your dropdown has an animation to show the options, try waiting until the option becomes visible before clicking it: