[Exploratory view] Fix single metric and add e2e test (#140043)

x-pack/plugins/observability/e2e/journeys/index.ts

@@ -7,3 +7,4 @@
 
 export * from './exploratory_view';
 export * from './step_duration.journey';
+export * from './single_metric.journey';

x-pack/plugins/observability/e2e/journeys/single_metric.journey.ts

@@ -0,0 +1,63 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { journey, step, before } from '@elastic/synthetics';
+import { createExploratoryViewUrl } from '../../public/components/shared/exploratory_view/configurations/exploratory_view_url';
+import { loginToKibana, TIMEOUT_60_SEC, waitForLoadingToFinish } from '../utils';
+
+journey('SingleMetric', async ({ page, params }) => {
+  before(async () => {
+    await waitForLoadingToFinish({ page });
+  });
+
+  const expUrl = createExploratoryViewUrl({
+    reportType: 'single-metric',
+    allSeries: [
+      {
+        dataType: 'synthetics',
+        time: {
+          from: 'now-1y/d',
+          to: 'now',
+        },
+        name: 'synthetics-series-1',
+        selectedMetricField: 'monitor_availability',
+        reportDefinitions: {
+          'monitor.name': ['test-monitor - inline'],
+          'url.full': ['https://www.elastic.co/'],
+        },
+      },
+    ],
+  });
+
+  const baseUrl = `${params.kibanaUrl}${expUrl}`;
+
+  step('Go to Exploratory view', async () => {
+    await page.goto(baseUrl, {
+      waitUntil: 'networkidle',
+    });
+    await loginToKibana({
+      page,
+      user: { username: 'elastic', password: 'changeme' },
+      dismissTour: false,
+    });
+  });
+
+  step('Open exploratory view with single metric', async () => {
+    await Promise.all([
+      page.waitForNavigation(TIMEOUT_60_SEC),
+      page.click('text=Explore data', TIMEOUT_60_SEC),
+    ]);
+
+    await waitForLoadingToFinish({ page });
+
+    await page.click('text=0.0%', TIMEOUT_60_SEC);
+    await page.click('text=0.0%Availability');
+    await page.click(
+      'text=Explore data Last Updated: a few seconds agoRefreshHide chart0.0%AvailabilityRep'
+    );
+  });
+});

x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes/sample_formula_metric_attribute.ts

@@ -174,5 +174,5 @@ export const sampleMetricFormulaAttribute = {
     },
   },
   title: 'Prefilled from exploratory view app',
-  visualizationType: 'lnsMetric',
+  visualizationType: 'lnsLegacyMetric',
 };

x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes/single_metric_attributes.test.ts

@@ -107,7 +107,7 @@ describe('SingleMetricAttributes', () => {
         },
       },
       title: 'Prefilled from exploratory view app',
-      visualizationType: 'lnsMetric',
+      visualizationType: 'lnsLegacyMetric',
     });
   });
 
@@ -173,7 +173,7 @@ describe('SingleMetricAttributes', () => {
         },
       },
       title: 'Prefilled from exploratory view app',
-      visualizationType: 'lnsMetric',
+      visualizationType: 'lnsLegacyMetric',
     });
   });
 

x-pack/plugins/observability/public/components/shared/exploratory_view/configurations/lens_attributes/single_metric_attributes.ts

@@ -171,7 +171,7 @@ export class SingleMetricLensAttributes extends LensAttributes {
     return {
       title: 'Prefilled from exploratory view app',
       description: String(refresh),
-      visualizationType: 'lnsMetric',
+      visualizationType: 'lnsLegacyMetric',
       references: this.getReferences(),
       state: {
         visualization,