After capturing an object with Object Spy, it's unable to be verified and highlighted

I’m new to Katalon Studio and having a challenge capturing a test object. Steps:

  1. Open Object Spy
  2. In the browser, Right Click on the element and select “Capture Object”
  3. In Object Spy, highlight the captured object
  4. Click, “Verify and Highlight”
  5. Choose a different Selection Method and try again

Expected:
The object just captured is highlighted in the browser

Actual:
The object cannot be found. “Unable to locate object by ${type} Selector”.

Note that record and replay of a test case has the same issue. When I record, the element cannot be found on replay.

There is nothing dynamic about this element. The CSS selector is recorded as:
#shepherd-container > div.shepherd-has-cancel-icon.shepherd-has-title.shepherd-element.shepherd-container.shepherd-centered.shepherd-enabled > div.shepherd-content > footer.shepherd-footer > button…shepherd-button.”

This button is generated by a third party JS package, https://shepherdjs.dev/

Any suggestions? Thanks!

1 Like

Please refer to this instruction to find if any can help: Generating reliable object selector using Spy Web utility in Katalon Studio | Katalon Docs. Sometimes, check the network connection, the loading process manually if ok

2 Likes

you should also read doc Spy Web Utility in Katalon Studio | Katalon Docs
Record web utility in Katalon Studio | Katalon Docs

1 Like