Annotation query: Render query result in alert box (#83230)

* add alert to annotation result

* cleanup

* add tests

* more refactoring

* apply pr feedback

* change severity

* use toHaveAlert matcher

e2e/plugin-e2e/plugin-e2e-api-tests/mocks/queries.ts

@@ -37,7 +37,32 @@ export const successfulDataQuery = {
   },
 };
 
-export const successfulAnnotationQuery = {
+export const failedAnnotationQuery: object = {
+  results: {
+    Anno: {
+      error: 'Google API Error 400',
+      errorSource: '',
+      status: 500,
+    },
+  },
+};
+
+export const failedAnnotationQueryWithMultipleErrors: object = {
+  results: {
+    Anno1: {
+      error: 'Google API Error 400',
+      errorSource: '',
+      status: 400,
+    },
+    Anno2: {
+      error: 'Google API Error 401',
+      errorSource: '',
+      status: 401,
+    },
+  },
+};
+
+export const successfulAnnotationQueryWithData: object = {
   results: {
     Anno: {
       status: 200,
@@ -75,3 +100,39 @@ export const successfulAnnotationQuery = {
     },
   },
 };
+
+export const successfulAnnotationQueryWithoutData: object = {
+  results: {
+    Anno: {
+      status: 200,
+      frames: [
+        {
+          schema: {
+            refId: 'Anno',
+            fields: [
+              {
+                name: 'time',
+                type: 'time',
+                typeInfo: {
+                  frame: 'time.Time',
+                  nullable: true,
+                },
+              },
+              {
+                name: 'col2',
+                type: 'string',
+                typeInfo: {
+                  frame: 'string',
+                  nullable: true,
+                },
+              },
+            ],
+          },
+          data: {
+            values: [],
+          },
+        },
+      ],
+    },
+  },
+};