Stable selectors for Grafana Pathfinder tutorials (2 anchors, 2 tutorials)
- Dominant language
- TypeScript
- Stars
- 18
- Forks
- 3
- Avg merge
- 54m
- Merged PRs (30d)
- 1
Description
[Pathfinder](https://grafana.com/docs/learning-journeys/) 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-testid`s 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:40`
`src/components/ConfigEditor/Connection/ConnectionSettings.tsx:60` |
---
If you've any questions please reach out in the #proj-pathfinder-selectors slack channel.
Contributor guide
No contributing guide indexed for this repository
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.
Assessment
- Tech stack
- grafana, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Quiet
- Clarity
- Clearly specified
- Newbie friendliness
- 84/100