From cedac5f4d468d8b1043caf129364d2d497606eee Mon Sep 17 00:00:00 2001
From: Erik Sundell <erik.sundell@grafana.com>
Date: Fri, 30 Apr 2021 22:07:34 +0200
Subject: [PATCH] add selector for code editor (#33554)

---
 packages/grafana-e2e-selectors/src/selectors/components.ts | 3 +++
 packages/grafana-ui/src/components/Monaco/CodeEditor.tsx   | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/grafana-e2e-selectors/src/selectors/components.ts b/packages/grafana-e2e-selectors/src/selectors/components.ts
index b1450b8f981..330110051e1 100644
--- a/packages/grafana-e2e-selectors/src/selectors/components.ts
+++ b/packages/grafana-e2e-selectors/src/selectors/components.ts
@@ -192,4 +192,7 @@ export const Components = {
   DataLinksContextMenu: {
     singleLink: 'Data link',
   },
+  CodeEditor: {
+    container: 'Code editor container',
+  },
 };
diff --git a/packages/grafana-ui/src/components/Monaco/CodeEditor.tsx b/packages/grafana-ui/src/components/Monaco/CodeEditor.tsx
index fd89650dc96..ac205345b50 100644
--- a/packages/grafana-ui/src/components/Monaco/CodeEditor.tsx
+++ b/packages/grafana-ui/src/components/Monaco/CodeEditor.tsx
@@ -1,4 +1,6 @@
 import React from 'react';
+
+import { selectors } from '@grafana/e2e-selectors';
 import { withTheme } from '../../themes';
 import { Themeable } from '../../types';
 import { Monaco, MonacoEditor as MonacoEditorType, CodeEditorProps, MonacoOptions } from './types';
@@ -124,7 +126,7 @@ class UnthemedCodeEditor extends React.PureComponent<Props> {
     }
 
     return (
-      <div onBlur={this.onBlur}>
+      <div onBlur={this.onBlur} aria-label={selectors.components.CodeEditor.container}>
         <MonacoEditor
           width={width}
           height={height}