Handling Dropdowns in Mobile Applications - Notes By ShariqSP

Handling Dropdowns in Mobile Applications using UIAutomator2

Dropdowns are common UI components in mobile applications, and interacting with them programmatically can be achieved using UIAutomator2. Below, we outline a step-by-step approach to handle dropdowns:

1. Locate the Dropdown Element

Use UIAutomator2's findElement method to locate the dropdown element. You can identify it using resource ID, class name, text, or other attributes.

                  
                  // Locate the dropdown element by its resource ID
                  UiObject dropdown = new UiSelector().resourceId("com.example.app:id/dropdown_id").makeUiObject();
                  
                

2. Click on the Dropdown

Simulate a click action on the dropdown element to reveal the options. Use the click() method provided by the UiObject.

                  
                  // Open the dropdown
                  dropdown.click();
                  
                

3. Select an Option

After opening the dropdown, locate the desired option using its visible text or other attributes. Use the UiSelector to locate and click() to select it.

                  
                  // Select an option by text
                  UiObject option = new UiSelector().text("Option 1").makeUiObject();
                  option.click();
                  
                

4. Validate the Selection

Verify if the correct option has been selected. Retrieve the value of the dropdown after selection and assert it matches the expected value.

                  
                  // Validate the selected option
                  String selectedOption = dropdown.getText();
                  assert selectedOption.equals("Option 1") : "Selection failed";
                  
                

5. Handle Dynamic Dropdowns

For dynamically loaded dropdowns (e.g., options fetched from a server), wait until the options are visible using UiAutomator's waitForExists() method.

                  
                  // Wait until the option is visible
                  UiObject option = new UiSelector().text("Option 1").makeUiObject();
                  if (!option.waitForExists(5000)) {
                      throw new AssertionError("Option 1 not found in dropdown");
                  }
                  option.click();
                  
                

6. Common Issues and Solutions

• Dropdown Not Interactable: Ensure the dropdown is visible on the screen and not obscured by other elements.
• Dynamic Options: Use waits to ensure all options are loaded before interacting with them.
• Scrolling Required: If the dropdown is within a scrollable view, use scrollIntoView() to bring it into view.

Example Code

                  
                  // Full example
                  UiObject dropdown = new UiSelector().resourceId("com.example.app:id/dropdown_id").makeUiObject();
                  dropdown.click();
              
                  UiObject option = new UiSelector().text("Option 1").makeUiObject();
                  if (!option.waitForExists(5000)) {
                      throw new AssertionError("Option 1 not found in dropdown");
                  }
                  option.click();
              
                  String selectedOption = dropdown.getText();
                  assert selectedOption.equals("Option 1") : "Selection failed";