Feat: Add proper selectors for UI components

[sunker]

Which areas does this feature request relate to

• Create Plugin
• Sign Plugin
• Plugin E2E
• Documentation

Problem

In some places in the code when plugin-e2e needs to interact with the Grafana UI, propers e2e-selectors are missing so adhoc selector are being used. See this example:

await this.ctx.page.getByRole('button', { name: 'TEST' }).click();

This is brittle and error prone. We should always use selectors defined in grafana/e2e-selectors rather than using adhoc selectors like this.

Solution

1. Add new selectors to grafana/e2e-selectors
2. Make sure they're being used in grafana/ui
3. Update versioned selectors in grafana/plugin-e2e accordingly and make sure they're used throughout the plugin-e2e codebase

The following interactions need proper selectors:

Tasks

Beta Give feedback

1. run query in annotation edit page
2. add new annotation in annotation list page
3. set panel title in panel edit page
4. set time zone in time zone picker

Alternatives

No response

Additional context

No response

Are you interested in contributing the solution?

[sunker]

cc @sympatheticmoose

[tolzhabayev]

@sunker can we turn the "The following interactions need proper selectors" into a tasklist and change the URLs so that they are working again e.g.
https://github.com/grafana/plugin-tools/blob/main/packages/plugin-e2e/dist/models/AnnotationEditPage.js ->

plugin-tools/packages/plugin-e2e/src/models/pages/AnnotationEditPage.ts

Line 34 in dba30f6

await this.ctx.page.getByRole('button', { name: 'TEST' }).click();

[sunker]

@sunker can we turn the "The following interactions need proper selectors" into a tasklist and change the URLs so that they are working again e.g. https://github.com/grafana/plugin-tools/blob/main/packages/plugin-e2e/dist/models/AnnotationEditPage.js ->

plugin-tools/packages/plugin-e2e/src/models/pages/AnnotationEditPage.ts

Line 34 in dba30f6

await this.ctx.page.getByRole('button', { name: 'TEST' }).click();

Yep done!