Stable selectors for Grafana Pathfinder tutorials (2 anchors, 2 tutorials)
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 84/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Quiet
- Tech stack
- grafana, typescript
- Domain
- frontend
Research direction
Start with src/components/ConfigEditor/Auth/auth-method/AuthMethodSettings.tsx:147 and src/components/ConfigEditor/Connection/ConnectionSettings.tsx:40 and :60, and inspect the JSX for the two tutorial targets. Done means each target exposes a stable data-testid that the Pathfinder tutorials can use instead of the current weak selectors.
Written by the indexing model from the issue text.
Description
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) |
|---|---|---|
#auth-method-select |
prometheus-lj/config-authentication | src/components/ConfigEditor/Auth/auth-method/AuthMethodSettings.tsx:147 |
#connection-url |
prometheus-lj/add-data-source-url | src/components/ConfigEditor/Connection/ConnectionSettings.tsx:40src/components/ConfigEditor/Connection/ConnectionSettings.tsx:60 |
If you've any questions please reach out in the #proj-pathfinder-selectors slack channel.
- Dominant language
- TypeScript
- Stars
- 18
- Forks
- 3
- Avg merge
- 54m
- Merged PRs (30d)
- 1
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from grafana/plugin-ui
-
Dependency Dashboard Open
Difficulty 5/5 Over a week Newbie friendliness 10/100
All issues in grafana/plugin-ui
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
Eynzof/Hermes-CN-Desktop#610 ·
-
bug clawsweeper:linked-pr-open clawsweeper:needs-live-repro clawsweeper:no-new-fix-pr impact:message-loss issue-rating: 🐚 platinum hermit P2 regression
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
-
enhancement
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
-
calcite-components needs triage refactor
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
Esri/calcite-design-system#15203 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 90/100
danielmiessler/LifeOS#2218 ·