Pega Robotics: How to Wait and proceed only when certain property changes
Hi,
I'm new to Pega robotics and I would like to know if this is possible.
Basically, I would like wait and proceed to next step only when the CSS property changes from "display: block" to "display: none". There's a message "Loading..." and it would like wait and go to next step when this message disappears on screen.
Sample HTML:
<div id="msgload" style="font-weight: bold; display: block;">Loading...</div>
<div id="msgload" style="font-weight: bold; display: none;">Loading...</div>
Thanks
Pegasystems Inc.
US
There are a couple different ways that you can do this.
- You might use the GetAttribute method to examine the "style" property and compare the values.
- You can also get the outerHTML and review it like this.
- If OpenSpan is properly tracking the visibility, you can try to check if the control is visible or not.
- You can use the script component to examine the HTML with C# if that is more preferable too!
Pegasystems Inc.
US
If there is an event that you can detect when this change occurs, then you can wait for that event. Perhaps the loading screen gets destroyed, or perhaps a new control is created. There may not be an event that you can wait for though. If that is the case, just setup a simple forLoop (using the ForLoop control from the Toolbox window's Advanced tab). On the forLoop yielded, add a pause for a brief period (500 ms or so) and the check the property to see if it equals Display none or whatever). If it does, then call the break method of the forLoop (to access this method, click on the forLoop in your automation and then locate the break method in Object Explorer to drag out to your automation surface).
Pegasystems Inc.
US
Please see my response above. Essentially, you are creating a loop to check the property after pausing for a short period of time.
-
PH
Just an update on this. As sasnt advised, I looked for other elements that became present and found that page number changes when the result came. I then used that element instead of div style. Thanks for all the help on this.
Mphasis
IN
I am trying to do the same, but in this case the styles appear to remain the same. There is a table which is already available in the page.
When I click on a button, the table refreshes. While refreshing, the table is disabled as shown in the first screen-shot in the attached document.
So I was testing IsEnabled property of the table, to check if the table is fully loaded before proceeding to the next step. But the IsEnabled property also seems to be always true, so that does not help.
Going by the above suggestion, I was trying to check if there is a readystatechange event which can be waited, but looks like that is not available
Please let me know if there are any other options that can be tried.