How to deal with react web dynamic table structure?

Help Activities
, , , ,
1

Hello all,

I am facing very complex case I need to automate. There is a web application which is developed in react.
The table I need to populate row by row contain dynamic selectors for rows and columns - example:

<webctrl aria-role=‘button’ id='react-combobox-view-30’
This selector changes every few seconds and is unable to hit the right logic for fetching the starting/ending position.

I have also tried using App Recorder as well but without success.

Do you have anything I could try?
Thank you in advance.

2

@bp777

  1. Try with for each ui element activity and check
  2. Try to use idx instead of id…as the tag would not change for any row…the idx of first row will always be 1 and so on

cheers

3

how many rows you have? inspect dev console and check wether rows are iterating or not?

4

I have tried that as well- idx is dynamic as well.

5

Depends, it could be from 1 to 7 rows.

6

@bp777

if you could share the details we can check

ideally idx should be working as idx would be changing based on scroll only and is assigned as per the ui node

cheers

7

Check from what number row is starting , give that number to a variable name “i” , after indicating element give variable in tablerow in uiexplorer , use do while activity to iterate through each row until row disappears , under loop use i=i+1 to increase tablerow no