Skip to content

Stable selectors for Grafana Pathfinder tutorials (3 anchors, 4 tutorials) #796

Description

@jackw

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions