Pathfinder tutorials anchor their steps to DOM selectors. We've identified that the guides mentioned below target UI this plugin renders (audit: grafana/grafana#129672). Weak anchors (text/placeholder/positional) break silently when copy or layout changes in your plugin however data-testids give us a more robust path forwards.
Add data-testids to the following JSX
Any value works — we'll retarget the tutorials to whatever you pick.
| element (current weak anchor) |
tutorials |
where (at 2026-08-04/05) |
[aria-label='Query editor owner'] |
github-visualize-lj/build-issues-panel, github-visualize-lj/build-pr-panel +1 |
src/components/selectors.ts:12 |
[aria-label='Query editor repository'] |
github-visualize-lj/build-issues-panel, github-visualize-lj/build-pr-panel +1 |
src/components/selectors.ts:15 |
input[placeholder='Personal Access Token'] |
github-data-source-lj/config-github-datasource |
src/views/ConfigEditor.tsx:37
src/views/ConfigEditor.tsx:127 |
If you've any questions please reach out in the #proj-pathfinder-selectors slack channel.
Pathfinder tutorials anchor their steps to DOM selectors. We've identified that the guides mentioned below target UI this plugin renders (audit: grafana/grafana#129672). Weak anchors (text/placeholder/positional) break silently when copy or layout changes in your plugin however data-testids give us a more robust path forwards.
Add
data-testids to the following JSXAny value works — we'll retarget the tutorials to whatever you pick.
[aria-label='Query editor owner']src/components/selectors.ts:12[aria-label='Query editor repository']src/components/selectors.ts:15input[placeholder='Personal Access Token']src/views/ConfigEditor.tsx:37src/views/ConfigEditor.tsx:127If you've any questions please reach out in the #proj-pathfinder-selectors slack channel.