HI, need help here, trying to get a PAD flow working to automate this ridiculous web form manual entry thing we have to do with our invoices for a particular customer.
I can get everything working fine up to Click Link on Web Page for a certain button in the form. In fact one day a couple weeks ago I swear the whole flow was working, then the following week it started erroring right at the action for THIS button that the selector was not found.
I have tried creating this flow from scratch as a brand new flow, and on first action to click this button, it works fine. As soon as I start adding more actions with more buttons, it starts erroring at THIS button.
Sometimes as a workaround I can get it to work by capturing the Idiomatic Text on the button instead of the button itself, but then again after adding subsequent actions, that too errors.
I have even tried Test Selector after Capture which will light up the button perfectly, but then when I run the flow, it will error again at that button.
I think part of the problem is that the form uses some of the same text on buttons in different places for different functions, and when I try to capture subsequent uses, PAD falls back on previously-captured selectors. After deleting and re-creating an action and adding new UI element, the Selector Builder shows one of two different already-saved UI element and selectors:
- "Button 'Upload Documents' " , Default Selector, Preview Selector: div[Id="collapseDocuments0"] > div > app-view-invoice-documents > div > div > div > ul > li > button
- "Button 'Upload Documents' 2", Default Selector 2 & Default Selector 3, Preview Selector: div[Id="ngb-nav-6-panel"] > app-view-invoice-documents > div > div > div > ul > li > button
Another complication is that on the webpage, the button has no ID and is nested within several div & span levels and list items. I know there are ways to manually edit the selector elements but I'm lost as to which ones are needed and which aren't.
Also, the button changes color with mouse hover, and so the action's visual popup of the element shows the hovered rather than non-hovered color. I wanted to try capturing the non-hovered button image to and then use that as Image as fallback, but when I do Images > Capture Image, the view in the crosshairs is zoomed in around 1000% so I can only capture a few pixels of it.
Inanycase here are what I believe are all the relevant web elements (the button I need says "Upload Documents"):
<div _ngcontent-bdy-c53="" class="ng-star-inserted">
<div _ngcontent-bdy-c53="" class="tb-content-v2-parent px-2 pt-0 mt-3">
<div _ngcontent-bdy-c53="" class="note document-list w-100 mt-2">
<div _ngcontent-bdy-c53="" class="PO_NEW m-0 mt-2">
<div _ngcontent-bdy-c53="" class="alert alert-warning border-warning width-100 fa-pull-left p-2 m-0 mt-2 ng-star-inserted">
<p _ngcontent-bdy-c53="">
<span _ngcontent-bdy-c53="">
<i _ngcontent-bdy-c53="" class="fa fa-exclamation"></i></span>Required Documents Missing - this may slow down invoice payment</p</div></div>
<ul _ngcontent-bdy-c53="" class="mt-10 width-100 fa-pull-left pb-3 tab-Doc-checklist">
<div _ngcontent-bdy-c53="" class="row d-flex ng-star-inserted">
<div _ngcontent-bdy-c53="" class="col-12 col-md-6 doc-check-list mr-10 mb-2 xs-mt-0 w-full-list">
<span _ngcontent-bdy-c53="" class="v-heading"> Vendor Documents</span>
<li _ngcontent-bdy-c53="" class="un-uploaded-doc ng-star-inserted">Invoice </li>
<li _ngcontent-bdy-c53="" class="un-uploaded-doc ng-star-inserted">Packaging Slip / Proof of Delivery </li></div></div></ul></div>
<div _ngcontent-bdy-c53="" class="doc-row mt-0 ng-star-inserted">
<ul _ngcontent-bdy-c53="" class="m-0">
<li _ngcontent-bdy-c53="">Please Upload the required documents
<button _ngcontent-bdy-c53="" class="btn btn-outline">
<i _ngcontent-bdy-c53="" class="fa-solid fa-circle-plus"></i> Upload Documents </button></li></ul></div>
