diff --git a/packages/grafana-e2e-selectors/src/selectors/components.ts b/packages/grafana-e2e-selectors/src/selectors/components.ts index ae23016feea..7267d46db99 100644 --- a/packages/grafana-e2e-selectors/src/selectors/components.ts +++ b/packages/grafana-e2e-selectors/src/selectors/components.ts @@ -203,6 +203,7 @@ export const Components = { }, FolderPicker: { container: 'Folder picker select container', + input: 'Select a folder', }, ReadonlyFolderPicker: { container: 'data-testid Readonly folder picker select container', diff --git a/public/app/core/components/Select/FolderPicker.tsx b/public/app/core/components/Select/FolderPicker.tsx index 9ee045e4b12..35aad433894 100644 --- a/public/app/core/components/Select/FolderPicker.tsx +++ b/public/app/core/components/Select/FolderPicker.tsx @@ -27,6 +27,8 @@ export interface Props { * initialFolderId needs to have an value > -1 or an error will be thrown. */ skipInitialLoad?: boolean; + /** The id of the search input. Use this to set a matching label with htmlFor */ + inputId?: string; } interface State { @@ -169,11 +171,13 @@ export class FolderPicker extends PureComponent { render() { const { folder } = this.state; - const { enableCreateNew } = this.props; + const { enableCreateNew, inputId } = this.props; return (
{ - +