chore: adjust annotation data modal input

grafana · Oct 13, 2022 · 0df0419 · 0df0419
1 parent d592291
commit 0df0419
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/webapp/javascript/components/TimelineChart/AnnotationMark/index.tsx b/webapp/javascript/components/TimelineChart/AnnotationMark/index.tsx
@@ -38,6 +38,7 @@ const AnnotationMark = ({ type, color, value }: IAnnotationMarkProps) => {
   return (
     <>
       <div
+        data-testid="annotation_mark_wrapper"
         onClick={onClick}
         style={{ background: color.hex() }}
         className={styles.wrapper}

diff --git a/webapp/javascript/pages/continuous/contextMenu/AddAnnotation.menuitem.tsx b/webapp/javascript/pages/continuous/contextMenu/AddAnnotation.menuitem.tsx
@@ -76,12 +76,14 @@ function AddAnnotation(props: AddAnnotationProps) {
                     label="Description"
                     variant="light"
                     errorMessage={errors.content?.message}
+                    data-testid="annotation_content_input"
                   />
                   <TextField
                     {...register('timestamp')}
                     label="Time"
                     type="text"
                     readOnly
+                    data-testid="annotation_timestamp_input"
                   />
                 </form>
               </PopoverBody>

diff --git a/webapp/javascript/pages/continuous/contextMenu/AnnotationInfo.tsx b/webapp/javascript/pages/continuous/contextMenu/AnnotationInfo.tsx
@@ -43,15 +43,16 @@ const AnnotationInfo = ({
             <TextField
               {...register('content')}
               label="Description"
-              variant="light"
               errorMessage={errors.content?.message}
               readOnly
+              data-testid="annotation_content_input"
             />
             <TextField
               {...register('timestamp')}
               label="Time"
               type="text"
               readOnly
+              data-testid="annotation_timestamp_input"
             />
           </form>
         </PopoverBody>