How to dynamically select hierarchical chips on a web page

Help Automation Suite
1

I need some help designing a UiPath workflow to automate a hierarchical “chip” selection process on a web page.

Scenario

On the page I have a section called Information with an Add button.
When I click Add, a set of first-level chips appears (e.g. Review, Summary List, etc.).

The behavior is:

  1. Click Information.
  2. Click the Add button.
  3. From the first-level chips, select one based on test data (e.g., "Review").
  4. After selecting, a second level of chips appears. Select the next chip based on the same test data (e.g., "Cardiopulmonary").
  5. Continue selecting chips until the last level in that hierarchy is reached (e.g., "Not Impaired").
  6. After finishing one complete hierarchy, click Add again and repeat for the next hierarchy in the test data, all within the same session.

What I need help with:

  • Read and loop through this hierarchical test data efficiently in UiPath (arrays, DataTable, JArray, etc.).
  • Dynamically click chips based on text for each level in the hierarchy.
  • Design selectors or strategies that can handle:
  • Chips that appear only after the previous level is clicked.
  • Cases where chips are not immediately visible (e.g., need retry, scrolling, or dynamic timeout).
  • Ensure the workflow works for multiple hierarchies in a single run
2

You can store each hierarchy as a list like [“Review”,“Cardiopulmonary”,“Not Impaired”] and loop through them.
Inside the loop, click Add then for each chip use a dynamic selector that matches the chip text.
Use a Retry Scope so UiPath waits for each next-level chip to appear after the previous click.
This lets you handle multi-level chips that load only after selection.
Repeat the loop for all hierarchies in your test data.

3

Hello @Dhruba_Jyoti_Kalita

You could investigate how “deep” the selection can go and define a number that should suffice for your For Each loop - eg. 10 iterations.

Then I would use scraping to grab the available values and a Click activity to click index 0 (unless it has to be something specific).

When you reach the last level and the scraped datatable contains no more data, or the same value appears, then use a Break activity to exit the loop.

Regards
Soren

4

@Dhruba_Jyoti_Kalita
follow below steps to get the solution for your flow

set your test data in excel or any some location.
in each row you can set all chip names that means for one hierarchy one row. keep all chip names in one cell by comma separated. in your flow after reading the excel use for each row in data activity pass the output of read range activity, and take assign activity to convert comma separated chip names into list.

  • Read and loop through this hierarchical test data efficiently in UiPath (arrays, DataTable, JArray, etc.).

after following above steps you will get the listChipNames. pass this in for each activity.

  • Dynamically click chips based on text for each level in the hierarchy.
    here in selector use dynamic selector means open Ui explorer for better practice, there select proper attributes, wherever you see that chip name pass the currentitem
  • Design selectors or strategies that can handle:
    use uiexplorer for better selection
  • Chips that appear only after the previous level is clicked.
  • Cases where chips are not immediately visible (e.g., need retry, scrolling, or dynamic timeout).
    enable property for all activities ,wait for ready property to complete and simulate click is true
  • Ensure the workflow works for multiple hierarchies in a single run

by following first point you can achieve this

Happy Automation!