[Observability] landing page always being displayed (#71494) (#71658)

* hides overview item when no other obs plugin is available.

* reverting tests changes

* reverting tests changes

* adding overview to observability tests

Co-authored-by: Cauê Marcondes <55978943+cauemarcondes@users.noreply.github.com>

x-pack/plugins/observability/public/data_handler.ts

@@ -31,6 +31,6 @@ export function getDataHandler<T extends ObservabilityApp>(appName: T) {
 export async function fetchHasData() {
   const apps: ObservabilityApp[] = ['apm', 'uptime', 'infra_logs', 'infra_metrics'];
   const promises = apps.map((app) => getDataHandler(app)?.hasData());
-  const [apm, uptime, logs, metrics] = await Promise.all(promises);
+  const [apm, uptime, logs, metrics] = await Promise.allSettled(promises);
   return { apm, uptime, infra_logs: logs, infra_metrics: metrics };
 }

x-pack/plugins/observability/public/plugin.ts

@@ -9,8 +9,10 @@ import {
   DEFAULT_APP_CATEGORIES,
   Plugin as PluginClass,
   PluginInitializerContext,
+  CoreStart,
 } from '../../../../src/core/public';
 import { registerDataHandler } from './data_handler';
+import { toggleOverviewLinkInNav } from './toggle_overview_link_in_nav';
 
 export interface ObservabilityPluginSetup {
   dashboard: { register: typeof registerDataHandler };
@@ -43,5 +45,7 @@ export class Plugin implements PluginClass<ObservabilityPluginSetup, Observabili
       dashboard: { register: registerDataHandler },
     };
   }
-  public start() {}
+  public start(core: CoreStart) {
+    toggleOverviewLinkInNav(core);
+  }
 }

x-pack/plugins/observability/public/toggle_overview_link_in_nav.test.tsx

@@ -0,0 +1,49 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+import { CoreStart } from 'kibana/public';
+
+import { toggleOverviewLinkInNav } from './toggle_overview_link_in_nav';
+
+describe('toggleOverviewLinkInNav', () => {
+  const update = jest.fn();
+  afterEach(() => {
+    update.mockClear();
+  });
+  it('hides overview menu', () => {
+    const core = ({
+      application: {
+        capabilities: {
+          navLinks: {
+            apm: false,
+            logs: false,
+            metrics: false,
+            uptime: false,
+          },
+        },
+      },
+      chrome: { navLinks: { update } },
+    } as unknown) as CoreStart;
+    toggleOverviewLinkInNav(core);
+    expect(update).toHaveBeenCalledWith('observability-overview', { hidden: true });
+  });
+  it('shows overview menu', () => {
+    const core = ({
+      application: {
+        capabilities: {
+          navLinks: {
+            apm: true,
+            logs: false,
+            metrics: false,
+            uptime: false,
+          },
+        },
+      },
+      chrome: { navLinks: { update } },
+    } as unknown) as CoreStart;
+    toggleOverviewLinkInNav(core);
+    expect(update).not.toHaveBeenCalled();
+  });
+});

x-pack/plugins/observability/public/toggle_overview_link_in_nav.tsx

@@ -0,0 +1,15 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { CoreStart } from 'kibana/public';
+
+export function toggleOverviewLinkInNav(core: CoreStart) {
+  const { apm, logs, metrics, uptime } = core.application.capabilities.navLinks;
+  const someVisible = Object.values({ apm, logs, metrics, uptime }).some((visible) => visible);
+  if (!someVisible) {
+    core.chrome.navLinks.update('observability-overview', { hidden: true });
+  }
+}

x-pack/test/functional/apps/advanced_settings/feature_controls/advanced_settings_security.ts

@@ -69,7 +69,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows management navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Stack Management');
+        expect(navLinks).to.eql(['Stack Management']);
       });
 
       it(`allows settings to be changed`, async () => {
@@ -125,7 +125,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows Management navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Stack Management');
+        expect(navLinks).to.eql(['Stack Management']);
       });
 
       it(`does not allow settings to be changed`, async () => {
@@ -176,7 +176,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows Management navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Stack Management');
+        expect(navLinks).to.eql(['Discover', 'Stack Management']);
       });
 
       it(`does not allow navigation to advanced settings; redirects to management home`, async () => {

x-pack/test/functional/apps/apm/feature_controls/apm_security.ts

@@ -60,7 +60,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows apm navlink', async () => {
         const navLinks = await appsMenu.readLinks();
-        expect(navLinks.map((link) => link.text)).to.contain('APM');
+        expect(navLinks.map((link) => link.text)).to.eql(['Overview', 'APM', 'Stack Management']);
       });
 
       it('can navigate to APM app', async () => {
@@ -109,7 +109,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows apm navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('APM');
+        expect(navLinks).to.eql(['Overview', 'APM', 'Stack Management']);
       });
 
       it('can navigate to APM app', async () => {

x-pack/test/functional/apps/canvas/feature_controls/canvas_security.ts

@@ -66,7 +66,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows canvas navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Canvas');
+        expect(navLinks).to.eql(['Canvas', 'Stack Management']);
       });
 
       it(`landing page shows "Create new workpad" button`, async () => {
@@ -142,7 +142,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows canvas navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Canvas');
+        expect(navLinks).to.eql(['Canvas', 'Stack Management']);
       });
 
       it(`landing page shows disabled "Create new workpad" button`, async () => {

x-pack/test/functional/apps/dev_tools/feature_controls/dev_tools_security.ts

@@ -63,7 +63,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows Dev Tools navlink', async () => {
         const navLinks = await appsMenu.readLinks();
-        expect(navLinks.map((link) => link.text)).to.contain('Dev Tools');
+        expect(navLinks.map((link) => link.text)).to.eql(['Dev Tools', 'Stack Management']);
       });
 
       describe('console', () => {
@@ -144,7 +144,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it(`shows 'Dev Tools' navlink`, async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Dev Tools');
+        expect(navLinks).to.eql(['Dev Tools', 'Stack Management']);
       });
 
       describe('console', () => {

x-pack/test/functional/apps/discover/feature_controls/discover_security.ts

@@ -82,7 +82,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows discover navlink', async () => {
         const navLinks = await appsMenu.readLinks();
-        expect(navLinks.map((link) => link.text)).to.contain('Discover');
+        expect(navLinks.map((link) => link.text)).to.eql(['Discover', 'Stack Management']);
       });
 
       it('shows save button', async () => {
@@ -169,7 +169,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows discover navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Discover');
+        expect(navLinks).to.eql(['Discover', 'Stack Management']);
       });
 
       it(`doesn't show save button`, async () => {
@@ -260,7 +260,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows discover navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Discover');
+        expect(navLinks).to.eql(['Discover', 'Stack Management']);
       });
 
       it(`doesn't show save button`, async () => {

x-pack/test/functional/apps/graph/feature_controls/graph_security.ts

@@ -64,7 +64,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows graph navlink', async () => {
         const navLinks = await appsMenu.readLinks();
-        expect(navLinks.map((link) => link.text)).to.contain('Graph');
+        expect(navLinks.map((link) => link.text)).to.eql(['Graph', 'Stack Management']);
       });
 
       it('landing page shows "Create new graph" button', async () => {
@@ -127,7 +127,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows graph navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Graph');
+        expect(navLinks).to.eql(['Graph', 'Stack Management']);
       });
 
       it('does not show a "Create new Workspace" button', async () => {

x-pack/test/functional/apps/index_patterns/feature_controls/index_patterns_security.ts

@@ -71,7 +71,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows management navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Stack Management');
+        expect(navLinks).to.eql(['Stack Management']);
       });
 
       it(`index pattern listing shows create button`, async () => {
@@ -125,7 +125,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows management navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Stack Management');
+        expect(navLinks).to.eql(['Stack Management']);
       });
 
       it(`index pattern listing doesn't show create button`, async () => {
@@ -177,7 +177,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows Management navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Stack Management');
+        expect(navLinks).to.eql(['Discover', 'Stack Management']);
       });
 
       it(`doesn't show Index Patterns in management side-nav`, async () => {

x-pack/test/functional/apps/infra/feature_controls/infrastructure_security.ts

@@ -61,7 +61,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows metrics navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Metrics');
+        expect(navLinks).to.eql(['Overview', 'Metrics', 'Stack Management']);
       });
 
       describe('infrastructure landing page without data', () => {
@@ -177,7 +177,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows metrics navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Metrics');
+        expect(navLinks).to.eql(['Overview', 'Metrics', 'Stack Management']);
       });
 
       describe('infrastructure landing page without data', () => {

x-pack/test/functional/apps/infra/feature_controls/logs_security.ts

@@ -58,7 +58,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows logs navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Logs');
+        expect(navLinks).to.eql(['Overview', 'Logs', 'Stack Management']);
       });
 
       describe('logs landing page without data', () => {
@@ -121,7 +121,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows logs navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Logs');
+        expect(navLinks).to.eql(['Overview', 'Logs', 'Stack Management']);
       });
 
       describe('logs landing page without data', () => {

x-pack/test/functional/apps/maps/feature_controls/maps_security.ts

@@ -66,7 +66,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows maps navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Maps');
+        expect(navLinks).to.eql(['Maps', 'Stack Management']);
       });
 
       it(`allows a map to be created`, async () => {
@@ -153,7 +153,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows Maps navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Maps');
+        expect(navLinks).to.eql(['Maps', 'Stack Management']);
       });
 
       it(`does not show create new button`, async () => {

x-pack/test/functional/apps/timelion/feature_controls/timelion_security.ts

@@ -60,7 +60,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows timelion navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Timelion');
+        expect(navLinks).to.eql(['Timelion', 'Stack Management']);
       });
 
       it(`allows a timelion sheet to be created`, async () => {
@@ -112,7 +112,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows timelion navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Timelion');
+        expect(navLinks).to.eql(['Timelion', 'Stack Management']);
       });
 
       it(`does not allow a timelion sheet to be created`, async () => {

x-pack/test/functional/apps/uptime/feature_controls/uptime_security.ts

@@ -64,7 +64,11 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows uptime navlink', async () => {
         const navLinks = await appsMenu.readLinks();
-        expect(navLinks.map((link) => link.text)).to.contain('Uptime');
+        expect(navLinks.map((link) => link.text)).to.eql([
+          'Overview',
+          'Uptime',
+          'Stack Management',
+        ]);
       });
 
       it('can navigate to Uptime app', async () => {
@@ -115,7 +119,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows uptime navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Uptime');
+        expect(navLinks).to.eql(['Overview', 'Uptime', 'Stack Management']);
       });
 
       it('can navigate to Uptime app', async () => {

x-pack/test/functional/apps/visualize/feature_controls/visualize_security.ts

@@ -77,7 +77,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows visualize navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Visualize');
+        expect(navLinks).to.eql(['Visualize', 'Stack Management']);
       });
 
       it(`landing page shows "Create new Visualization" button`, async () => {
@@ -201,7 +201,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows visualize navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Visualize');
+        expect(navLinks).to.eql(['Visualize', 'Stack Management']);
       });
 
       it(`landing page shows "Create new Visualization" button`, async () => {
@@ -316,7 +316,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
 
       it('shows visualize navlink', async () => {
         const navLinks = (await appsMenu.readLinks()).map((link) => link.text);
-        expect(navLinks).to.contain('Visualize');
+        expect(navLinks).to.eql(['Visualize', 'Stack Management']);
       });
 
       it(`landing page shows "Create new Visualization" button`, async () => {