grafana / grafana/plugin-ui

Stable selectors for Grafana Pathfinder tutorials (2 anchors, 2 tutorials)

Open Beginner friendly
#331 2 comments 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.