Tagging the same button across multiple tabs using the same data-test-id as separate Pendo features

Hi Pendo Team,

In our React SPA, the same Edit button appears in multiple tabs and shares the same data-test-id.

I tried scoping the Feature using a parent + child selector (tab container → button), but Pendo shows “target element not found”, even though the selector works in browser DevTools.

Is the recommended approach to use multiple Feature rules, one per tab context, when tagging the same element across different tabs?

Example use case:

[data-test-id="EDIT_BUTTON"] -> selector for edit which is used in 3 different tabs
[data-test-id="MAIN_PAGE_CONTENT"] -> One of the tab which is a main container under which edit button exists.
[data-test-id="SECONDARY_PAGE_CONTENT"] -> Second tab which is a main container under which edit button exists.
Thanks!

0

Comments

1 comment
  • Issue is resolved. No need to post this. Thank you!

    0

Please sign in to leave a comment.

Didn't find what you were looking for?

New post