From 1c67d67f97ec6ee493e27dd72323edc13ff2df3a Mon Sep 17 00:00:00 2001
From: Michail Yasonik <michail.yasonik@elastic.co>
Date: Thu, 14 May 2020 21:02:20 -0500
Subject: [PATCH 01/11] first draft refactoring nav link created

---
 src/core/public/chrome/chrome_service.tsx     |  50 ++-
 src/core/public/chrome/nav_links/nav_link.ts  |  14 +-
 .../public/chrome/nav_links/to_nav_link.ts    |  27 +-
 .../recently_accessed_service.ts              |   2 +-
 src/core/public/chrome/ui/header/_index.scss  |   2 -
 ...lapsible_nav.scss => collapsible_nav.scss} |   0
 .../chrome/ui/header/collapsible_nav.test.tsx | 344 ++++++++++--------
 .../chrome/ui/header/collapsible_nav.tsx      | 115 +++---
 .../public/chrome/ui/header/header.test.tsx   |  54 +++
 src/core/public/chrome/ui/header/header.tsx   | 271 +++++---------
 .../chrome/ui/header/header_breadcrumbs.tsx   |  89 +----
 .../public/chrome/ui/header/header_logo.tsx   |  17 +-
 .../chrome/ui/header/header_nav_controls.tsx  |  39 +-
 .../public/chrome/ui/header/nav_drawer.tsx    |  38 +-
 src/core/public/chrome/ui/header/nav_link.tsx | 122 ++-----
 .../server/legacy/plugins/get_nav_links.ts    |   2 +
 16 files changed, 562 insertions(+), 624 deletions(-)
 rename src/core/public/chrome/ui/header/{_collapsible_nav.scss => collapsible_nav.scss} (100%)
 create mode 100644 src/core/public/chrome/ui/header/header.test.tsx

diff --git a/src/core/public/chrome/chrome_service.tsx b/src/core/public/chrome/chrome_service.tsx
index bf1a764e85882..5c3ac4c92a800 100644
--- a/src/core/public/chrome/chrome_service.tsx
+++ b/src/core/public/chrome/chrome_service.tsx
@@ -34,7 +34,7 @@ import { ChromeDocTitle, DocTitleService } from './doc_title';
 import { ChromeNavControls, NavControlsService } from './nav_controls';
 import { ChromeNavLinks, NavLinksService } from './nav_links';
 import { ChromeRecentlyAccessed, RecentlyAccessedService } from './recently_accessed';
-import { Header, LoadingIndicator } from './ui';
+import { Header } from './ui';
 import { NavType } from './ui/header';
 import { ChromeHelpExtensionMenuLink } from './ui/header/header_help_menu';
 export { ChromeNavControls, ChromeRecentlyAccessed, ChromeDocTitle };
@@ -180,31 +180,29 @@ export class ChromeService {
       docTitle,
 
       getHeaderComponent: () => (
-        <React.Fragment>
-          <LoadingIndicator loadingCount$={http.getLoadingCount$()} />
-          <Header
-            application={application}
-            appTitle$={appTitle$.pipe(takeUntil(this.stop$))}
-            badge$={badge$.pipe(takeUntil(this.stop$))}
-            basePath={http.basePath}
-            breadcrumbs$={breadcrumbs$.pipe(takeUntil(this.stop$))}
-            kibanaDocLink={docLinks.links.kibana}
-            forceAppSwitcherNavigation$={navLinks.getForceAppSwitcherNavigation$()}
-            helpExtension$={helpExtension$.pipe(takeUntil(this.stop$))}
-            helpSupportUrl$={helpSupportUrl$.pipe(takeUntil(this.stop$))}
-            homeHref={http.basePath.prepend('/app/home')}
-            isVisible$={this.isVisible$}
-            kibanaVersion={injectedMetadata.getKibanaVersion()}
-            legacyMode={injectedMetadata.getLegacyMode()}
-            navLinks$={navLinks.getNavLinks$()}
-            recentlyAccessed$={recentlyAccessed.get$()}
-            navControlsLeft$={navControls.getLeft$()}
-            navControlsRight$={navControls.getRight$()}
-            onIsLockedUpdate={setIsNavDrawerLocked}
-            isLocked$={getIsNavDrawerLocked$}
-            navType$={getNavType$}
-          />
-        </React.Fragment>
+        <Header
+          loadingCount$={http.getLoadingCount$()}
+          application={application}
+          appTitle$={appTitle$.pipe(takeUntil(this.stop$))}
+          badge$={badge$.pipe(takeUntil(this.stop$))}
+          basePath={http.basePath}
+          breadcrumbs$={breadcrumbs$.pipe(takeUntil(this.stop$))}
+          kibanaDocLink={docLinks.links.kibana}
+          forceAppSwitcherNavigation$={navLinks.getForceAppSwitcherNavigation$()}
+          helpExtension$={helpExtension$.pipe(takeUntil(this.stop$))}
+          helpSupportUrl$={helpSupportUrl$.pipe(takeUntil(this.stop$))}
+          homeHref={http.basePath.prepend('/app/home')}
+          isVisible$={this.isVisible$}
+          kibanaVersion={injectedMetadata.getKibanaVersion()}
+          legacyMode={injectedMetadata.getLegacyMode()}
+          navLinks$={navLinks.getNavLinks$()}
+          recentlyAccessed$={recentlyAccessed.get$()}
+          navControlsLeft$={navControls.getLeft$()}
+          navControlsRight$={navControls.getRight$()}
+          onIsLockedUpdate={setIsNavDrawerLocked}
+          isLocked$={getIsNavDrawerLocked$}
+          navType$={getNavType$}
+        />
       ),
 
       setAppTitle: (appTitle: string) => appTitle$.next(appTitle),
diff --git a/src/core/public/chrome/nav_links/nav_link.ts b/src/core/public/chrome/nav_links/nav_link.ts
index fb2972735c2b7..55b5c80526bab 100644
--- a/src/core/public/chrome/nav_links/nav_link.ts
+++ b/src/core/public/chrome/nav_links/nav_link.ts
@@ -62,7 +62,7 @@ export interface ChromeNavLink {
 
   /**
    * A EUI iconType that will be used for the app's icon. This icon
-   * takes precendence over the `icon` property.
+   * takes precedence over the `icon` property.
    */
   readonly euiIconType?: string;
 
@@ -72,6 +72,14 @@ export interface ChromeNavLink {
    */
   readonly icon?: string;
 
+  /**
+   * Settled state between `url`, `baseUrl`, and `active`
+   *
+   * @internalRemarks
+   * This should be required once legacy apps are gone.
+   */
+  readonly href?: string;
+
   /** LEGACY FIELDS */
 
   /**
@@ -144,7 +152,7 @@ export interface ChromeNavLink {
 
 /** @public */
 export type ChromeNavLinkUpdateableFields = Partial<
-  Pick<ChromeNavLink, 'active' | 'disabled' | 'hidden' | 'url' | 'subUrlBase'>
+  Pick<ChromeNavLink, 'active' | 'disabled' | 'hidden' | 'url' | 'subUrlBase' | 'href'>
 >;
 
 export class NavLinkWrapper {
@@ -162,7 +170,7 @@ export class NavLinkWrapper {
 
   public update(newProps: ChromeNavLinkUpdateableFields) {
     // Enforce limited properties at runtime for JS code
-    newProps = pick(newProps, ['active', 'disabled', 'hidden', 'url', 'subUrlBase']);
+    newProps = pick(newProps, ['active', 'disabled', 'hidden', 'url', 'subUrlBase', 'href']);
     return new NavLinkWrapper({ ...this.properties, ...newProps });
   }
 }
diff --git a/src/core/public/chrome/nav_links/to_nav_link.ts b/src/core/public/chrome/nav_links/to_nav_link.ts
index f79b1df77f8e1..24744fe53c82c 100644
--- a/src/core/public/chrome/nav_links/to_nav_link.ts
+++ b/src/core/public/chrome/nav_links/to_nav_link.ts
@@ -24,7 +24,12 @@ import { appendAppPath } from '../../application/utils';
 
 export function toNavLink(app: App | LegacyApp, basePath: IBasePath): NavLinkWrapper {
   const useAppStatus = app.navLinkStatus === AppNavLinkStatus.default;
-  const baseUrl = isLegacyApp(app) ? basePath.prepend(app.appUrl) : basePath.prepend(app.appRoute!);
+  const relativeBaseUrl = isLegacyApp(app)
+    ? basePath.prepend(app.appUrl)
+    : basePath.prepend(app.appRoute!);
+  const url = relativeToAbsolute(appendAppPath(relativeBaseUrl, app.defaultPath));
+  const baseUrl = relativeToAbsolute(relativeBaseUrl);
+
   return new NavLinkWrapper({
     ...app,
     hidden: useAppStatus
@@ -32,17 +37,27 @@ export function toNavLink(app: App | LegacyApp, basePath: IBasePath): NavLinkWra
       : app.navLinkStatus === AppNavLinkStatus.hidden,
     disabled: useAppStatus ? false : app.navLinkStatus === AppNavLinkStatus.disabled,
     legacy: isLegacyApp(app),
-    baseUrl: relativeToAbsolute(baseUrl),
+    baseUrl,
     ...(isLegacyApp(app)
-      ? {}
+      ? {
+          href: url && !url.startsWith(app.subUrlBase!) ? url : baseUrl,
+        }
       : {
-          url: relativeToAbsolute(appendAppPath(baseUrl, app.defaultPath)),
+          href: url,
+          url,
         }),
   });
 }
 
-function relativeToAbsolute(url: string) {
-  // convert all link urls to absolute urls
+/**
+ * @param {string} url - a relative or root relative url.  If a relative path is given then the
+ * absolute url returned will depend on the current page where this function is called from. For example
+ * if you are on page "http://www.mysite.com/shopping/kids" and you pass this function "adults", you would get
+ * back "http://www.mysite.com/shopping/adults".  If you passed this function a root relative path, or one that
+ * starts with a "/", for example "/account/cart", you would get back "http://www.mysite.com/account/cart".
+ * @return {string} the relative url transformed into an absolute url
+ */
+export function relativeToAbsolute(url: string) {
   const a = document.createElement('a');
   a.setAttribute('href', url);
   return a.href;
diff --git a/src/core/public/chrome/recently_accessed/recently_accessed_service.ts b/src/core/public/chrome/recently_accessed/recently_accessed_service.ts
index 27dbc288d18cb..86c7f3a1ef765 100644
--- a/src/core/public/chrome/recently_accessed/recently_accessed_service.ts
+++ b/src/core/public/chrome/recently_accessed/recently_accessed_service.ts
@@ -76,7 +76,7 @@ export interface ChromeRecentlyAccessed {
    *
    * @param link a relative URL to the resource (not including the {@link HttpStart.basePath | `http.basePath`})
    * @param label the label to display in the UI
-   * @param id a unique string used to de-duplicate the recently accessed llist.
+   * @param id a unique string used to de-duplicate the recently accessed list.
    */
   add(link: string, label: string, id: string): void;
 
diff --git a/src/core/public/chrome/ui/header/_index.scss b/src/core/public/chrome/ui/header/_index.scss
index 1b0438d748ff0..5c5e7f18b60a4 100644
--- a/src/core/public/chrome/ui/header/_index.scss
+++ b/src/core/public/chrome/ui/header/_index.scss
@@ -1,5 +1,3 @@
-@import './collapsible_nav';
-
 // TODO #64541
 // Delete this block
 .chrHeaderWrapper:not(.headerWrapper) {
diff --git a/src/core/public/chrome/ui/header/_collapsible_nav.scss b/src/core/public/chrome/ui/header/collapsible_nav.scss
similarity index 100%
rename from src/core/public/chrome/ui/header/_collapsible_nav.scss
rename to src/core/public/chrome/ui/header/collapsible_nav.scss
diff --git a/src/core/public/chrome/ui/header/collapsible_nav.test.tsx b/src/core/public/chrome/ui/header/collapsible_nav.test.tsx
index 527f0df598c7c..cbc998b3965c5 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.test.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.test.tsx
@@ -17,164 +17,186 @@
  * under the License.
  */
 
-import { mount, ReactWrapper } from 'enzyme';
-import React from 'react';
-import sinon from 'sinon';
-import { CollapsibleNav } from './collapsible_nav';
-import { DEFAULT_APP_CATEGORIES } from '../../..';
-import { StubBrowserStorage } from 'test_utils/stub_browser_storage';
-import { NavLink, RecentNavLink } from './nav_link';
-
-jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
-  htmlIdGenerator: () => () => 'mockId',
-}));
-
-const { kibana, observability, security, management } = DEFAULT_APP_CATEGORIES;
-
-function mockLink({ label = 'discover', category, onClick }: Partial<NavLink>) {
-  return {
-    key: label,
-    label,
-    href: label,
-    isActive: true,
-    onClick: onClick || (() => {}),
-    category,
-    'data-test-subj': label,
-  };
-}
-
-function mockRecentNavLink({ label = 'recent', onClick }: Partial<RecentNavLink>) {
-  return {
-    href: label,
-    label,
-    title: label,
-    'aria-label': label,
-    onClick,
-  };
-}
-
-function mockProps() {
-  return {
-    id: 'collapsible-nav',
-    homeHref: '/',
-    isLocked: false,
-    isOpen: false,
-    navLinks: [],
-    recentNavLinks: [],
-    storage: new StubBrowserStorage(),
-    onIsOpenUpdate: () => {},
-    onIsLockedUpdate: () => {},
-    navigateToApp: () => {},
-  };
-}
-
-function expectShownNavLinksCount(component: ReactWrapper, count: number) {
-  expect(
-    component.find('.euiAccordion-isOpen a[data-test-subj^="collapsibleNavAppLink"]').length
-  ).toEqual(count);
-}
-
-function expectNavIsClosed(component: ReactWrapper) {
-  expectShownNavLinksCount(component, 0);
-}
-
-function clickGroup(component: ReactWrapper, group: string) {
-  component.find(`[data-test-subj="collapsibleNavGroup-${group}"] button`).simulate('click');
-}
-
-describe('CollapsibleNav', () => {
-  // this test is mostly an "EUI works as expected" sanity check
-  it('renders the default nav', () => {
-    const onLock = sinon.spy();
-    const component = mount(<CollapsibleNav {...mockProps()} onIsLockedUpdate={onLock} />);
-    expect(component).toMatchSnapshot();
-
-    component.setProps({ isOpen: true });
-    expect(component).toMatchSnapshot();
-
-    component.setProps({ isLocked: true });
-    expect(component).toMatchSnapshot();
-
-    // limit the find to buttons because jest also renders data-test-subj on a JSX wrapper element
-    component.find('button[data-test-subj="collapsible-nav-lock"]').simulate('click');
-    expect(onLock.callCount).toEqual(1);
-  });
-
-  it('renders links grouped by category', () => {
-    // just a test of category functionality, categories are not accurate
-    const navLinks = [
-      mockLink({ label: 'discover', category: kibana }),
-      mockLink({ label: 'siem', category: security }),
-      mockLink({ label: 'metrics', category: observability }),
-      mockLink({ label: 'monitoring', category: management }),
-      mockLink({ label: 'visualize', category: kibana }),
-      mockLink({ label: 'dashboard', category: kibana }),
-      mockLink({ label: 'canvas' }), // links should be able to be rendered top level as well
-      mockLink({ label: 'logs', category: observability }),
-    ];
-    const recentNavLinks = [
-      mockRecentNavLink({ label: 'recent 1' }),
-      mockRecentNavLink({ label: 'recent 2' }),
-    ];
-    const component = mount(
-      <CollapsibleNav
-        {...mockProps()}
-        isOpen={true}
-        navLinks={navLinks}
-        recentNavLinks={recentNavLinks}
-      />
-    );
-    expect(component).toMatchSnapshot();
-  });
-
-  it('remembers collapsible section state', () => {
-    const navLinks = [mockLink({ category: kibana }), mockLink({ category: observability })];
-    const recentNavLinks = [mockRecentNavLink({})];
-    const component = mount(
-      <CollapsibleNav
-        {...mockProps()}
-        isOpen={true}
-        navLinks={navLinks}
-        recentNavLinks={recentNavLinks}
-      />
-    );
-    expectShownNavLinksCount(component, 3);
-    clickGroup(component, 'kibana');
-    clickGroup(component, 'recentlyViewed');
-    expectShownNavLinksCount(component, 1);
-    component.setProps({ isOpen: false });
-    expectNavIsClosed(component);
-    component.setProps({ isOpen: true });
-    expectShownNavLinksCount(component, 1);
-  });
-
-  it('closes the nav after clicking a link', () => {
-    const onClick = sinon.spy();
-    const onIsOpenUpdate = sinon.spy();
-    const navLinks = [mockLink({ category: kibana, onClick })];
-    const recentNavLinks = [mockRecentNavLink({ onClick })];
-    const component = mount(
-      <CollapsibleNav
-        {...mockProps()}
-        isOpen={true}
-        navLinks={navLinks}
-        recentNavLinks={recentNavLinks}
-      />
-    );
-    component.setProps({
-      onIsOpenUpdate: (isOpen: boolean) => {
-        component.setProps({ isOpen });
-        onIsOpenUpdate();
-      },
-    });
-
-    component.find('[data-test-subj="collapsibleNavGroup-recentlyViewed"] a').simulate('click');
-    expect(onClick.callCount).toEqual(1);
-    expect(onIsOpenUpdate.callCount).toEqual(1);
-    expectNavIsClosed(component);
-    component.setProps({ isOpen: true });
-    component.find('[data-test-subj="collapsibleNavGroup-kibana"] a').simulate('click');
-    expect(onClick.callCount).toEqual(2);
-    expect(onIsOpenUpdate.callCount).toEqual(2);
-  });
-});
+// /*
+//  * Licensed to Elasticsearch B.V. under one or more contributor
+//  * license agreements. See the NOTICE file distributed with
+//  * this work for additional information regarding copyright
+//  * ownership. Elasticsearch B.V. licenses this file to you under
+//  * the Apache License, Version 2.0 (the "License"); you may
+//  * not use this file except in compliance with the License.
+//  * You may obtain a copy of the License at
+//  *
+//  *    http://www.apache.org/licenses/LICENSE-2.0
+//  *
+//  * Unless required by applicable law or agreed to in writing,
+//  * software distributed under the License is distributed on an
+//  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+//  * KIND, either express or implied.  See the License for the
+//  * specific language governing permissions and limitations
+//  * under the License.
+//  */
+
+// import { mount, ReactWrapper } from 'enzyme';
+// import React from 'react';
+// import sinon from 'sinon';
+// import { CollapsibleNav } from './collapsible_nav';
+// import { DEFAULT_APP_CATEGORIES, ChromeNavLink } from '../../..';
+// import { StubBrowserStorage } from 'test_utils/stub_browser_storage';
+// import { ChromeRecentlyAccessedHistoryItem } from '../../recently_accessed';
+
+// jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
+//   htmlIdGenerator: () => () => 'mockId',
+// }));
+
+// const { kibana, observability, security, management } = DEFAULT_APP_CATEGORIES;
+
+// function mockLink({ label = 'discover', category, onClick }: Partial<ChromeNavLink>) {
+//   return {
+//     key: label,
+//     label,
+//     href: label,
+//     isActive: true,
+//     onClick: onClick || (() => {}),
+//     category,
+//     'data-test-subj': label,
+//   };
+// }
+
+// function mockRecentNavLink({
+//   label = 'recent',
+//   onClick,
+// }: Partial<ChromeRecentlyAccessedHistoryItem>) {
+//   return {
+//     href: label,
+//     label,
+//     title: label,
+//     'aria-label': label,
+//     onClick,
+//   };
+// }
+
+// function mockProps() {
+//   return {
+//     id: 'collapsible-nav',
+//     homeHref: '/',
+//     isLocked: false,
+//     isOpen: false,
+//     navLinks: [],
+//     recentNavLinks: [],
+//     storage: new StubBrowserStorage(),
+//     onIsOpenUpdate: () => {},
+//     onIsLockedUpdate: () => {},
+//     navigateToApp: () => {},
+//   };
+// }
+
+// function expectShownNavLinksCount(component: ReactWrapper, count: number) {
+//   expect(
+//     component.find('.euiAccordion-isOpen a[data-test-subj^="collapsibleNavAppLink"]').length
+//   ).toEqual(count);
+// }
+
+// function expectNavIsClosed(component: ReactWrapper) {
+//   expectShownNavLinksCount(component, 0);
+// }
+
+// function clickGroup(component: ReactWrapper, group: string) {
+//   component.find(`[data-test-subj="collapsibleNavGroup-${group}"] button`).simulate('click');
+// }
+
+// describe('CollapsibleNav', () => {
+//   // this test is mostly an "EUI works as expected" sanity check
+//   it('renders the default nav', () => {
+//     const onLock = sinon.spy();
+//     const component = mount(<CollapsibleNav {...mockProps()} onIsLockedUpdate={onLock} />);
+//     expect(component).toMatchSnapshot();
+
+//     component.setProps({ isOpen: true });
+//     expect(component).toMatchSnapshot();
+
+//     component.setProps({ isLocked: true });
+//     expect(component).toMatchSnapshot();
+
+//     // limit the find to buttons because jest also renders data-test-subj on a JSX wrapper element
+//     component.find('button[data-test-subj="collapsible-nav-lock"]').simulate('click');
+//     expect(onLock.callCount).toEqual(1);
+//   });
+
+//   it('renders links grouped by category', () => {
+//     // just a test of category functionality, categories are not accurate
+//     const navLinks = [
+//       mockLink({ label: 'discover', category: kibana }),
+//       mockLink({ label: 'siem', category: security }),
+//       mockLink({ label: 'metrics', category: observability }),
+//       mockLink({ label: 'monitoring', category: management }),
+//       mockLink({ label: 'visualize', category: kibana }),
+//       mockLink({ label: 'dashboard', category: kibana }),
+//       mockLink({ label: 'canvas' }), // links should be able to be rendered top level as well
+//       mockLink({ label: 'logs', category: observability }),
+//     ];
+//     const recentNavLinks = [
+//       mockRecentNavLink({ label: 'recent 1' }),
+//       mockRecentNavLink({ label: 'recent 2' }),
+//     ];
+//     const component = mount(
+//       <CollapsibleNav
+//         {...mockProps()}
+//         isOpen={true}
+//         navLinks={navLinks}
+//         recentNavLinks={recentNavLinks}
+//       />
+//     );
+//     expect(component).toMatchSnapshot();
+//   });
+
+//   it('remembers collapsible section state', () => {
+//     const navLinks = [mockLink({ category: kibana }), mockLink({ category: observability })];
+//     const recentNavLinks = [mockRecentNavLink({})];
+//     const component = mount(
+//       <CollapsibleNav
+//         {...mockProps()}
+//         isOpen={true}
+//         navLinks={navLinks}
+//         recentNavLinks={recentNavLinks}
+//       />
+//     );
+//     expectShownNavLinksCount(component, 3);
+//     clickGroup(component, 'kibana');
+//     clickGroup(component, 'recentlyViewed');
+//     expectShownNavLinksCount(component, 1);
+//     component.setProps({ isOpen: false });
+//     expectNavIsClosed(component);
+//     component.setProps({ isOpen: true });
+//     expectShownNavLinksCount(component, 1);
+//   });
+
+//   it('closes the nav after clicking a link', () => {
+//     const onClick = sinon.spy();
+//     const onIsOpenUpdate = sinon.spy();
+//     const navLinks = [mockLink({ category: kibana, onClick })];
+//     const recentNavLinks = [mockRecentNavLink({ onClick })];
+//     const component = mount(
+//       <CollapsibleNav
+//         {...mockProps()}
+//         isOpen={true}
+//         navLinks={navLinks}
+//         recentNavLinks={recentNavLinks}
+//       />
+//     );
+//     component.setProps({
+//       onIsOpenUpdate: (isOpen: boolean) => {
+//         component.setProps({ isOpen });
+//         onIsOpenUpdate();
+//       },
+//     });
+
+//     component.find('[data-test-subj="collapsibleNavGroup-recentlyViewed"] a').simulate('click');
+//     expect(onClick.callCount).toEqual(1);
+//     expect(onIsOpenUpdate.callCount).toEqual(1);
+//     expectNavIsClosed(component);
+//     component.setProps({ isOpen: true });
+//     component.find('[data-test-subj="collapsibleNavGroup-kibana"] a').simulate('click');
+//     expect(onClick.callCount).toEqual(2);
+//     expect(onIsOpenUpdate.callCount).toEqual(2);
+//   });
+// });
diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index 60463d8dccc9b..6cb90ff7f77ca 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -30,11 +30,17 @@ import {
 import { i18n } from '@kbn/i18n';
 import { groupBy, sortBy } from 'lodash';
 import React, { useRef } from 'react';
+import * as Rx from 'rxjs';
+import { useObservable } from 'react-use';
 import { AppCategory } from '../../../../types';
 import { OnIsLockedUpdate } from './';
-import { NavLink, RecentNavLink } from './nav_link';
+import { ChromeNavLink, ChromeRecentlyAccessedHistoryItem } from '../..';
+import { createRecentNavLink, createEuiListItem } from './nav_link';
+import { HttpStart } from '../../../http';
+import { InternalApplicationStart } from '../../../application/types';
+import './collapsible_nav.scss';
 
-function getAllCategories(allCategorizedLinks: Record<string, NavLink[]>) {
+function getAllCategories(allCategorizedLinks: Record<string, ChromeNavLink[]>) {
   const allCategories = {} as Record<string, AppCategory | undefined>;
 
   for (const [key, value] of Object.entries(allCategorizedLinks)) {
@@ -45,7 +51,7 @@ function getAllCategories(allCategorizedLinks: Record<string, NavLink[]>) {
 }
 
 function getOrderedCategories(
-  mainCategories: Record<string, NavLink[]>,
+  mainCategories: Record<string, ChromeNavLink[]>,
   categoryDictionary: ReturnType<typeof getAllCategories>
 ) {
   return sortBy(
@@ -69,35 +75,53 @@ function setIsCategoryOpen(id: string, isOpen: boolean, storage: Storage) {
 }
 
 interface Props {
+  appId$: InternalApplicationStart['currentAppId$'];
+  basePath: HttpStart['basePath'];
+  id: string;
   isLocked: boolean;
   isOpen: boolean;
-  navLinks: NavLink[];
-  recentNavLinks: RecentNavLink[];
   homeHref: string;
-  id: string;
+  legacyMode: boolean;
+  navLinks$: Rx.Observable<ChromeNavLink[]>;
+  recentlyAccessed$: Rx.Observable<ChromeRecentlyAccessedHistoryItem[]>;
   storage?: Storage;
   onIsLockedUpdate: OnIsLockedUpdate;
-  onIsOpenUpdate: (isOpen?: boolean) => void;
-  navigateToApp: (appId: string) => void;
+  closeNav: () => void;
+  navigateToApp: InternalApplicationStart['navigateToApp'];
 }
 
 export function CollapsibleNav({
+  basePath,
+  id,
   isLocked,
   isOpen,
-  navLinks,
-  recentNavLinks,
-  onIsLockedUpdate,
-  onIsOpenUpdate,
   homeHref,
-  id,
-  navigateToApp,
+  legacyMode,
   storage = window.localStorage,
+  onIsLockedUpdate,
+  closeNav,
+  navigateToApp,
+  ...observables
 }: Props) {
+  const navLinks = useObservable(observables.navLinks$, []).filter(link => !link.hidden);
+  const recentlyAccessed = useObservable(observables.recentlyAccessed$, []);
+  const appId = useObservable(observables.appId$, '');
   const lockRef = useRef<HTMLButtonElement>(null);
   const groupedNavLinks = groupBy(navLinks, link => link?.category?.id);
   const { undefined: unknowns = [], ...allCategorizedLinks } = groupedNavLinks;
   const categoryDictionary = getAllCategories(allCategorizedLinks);
   const orderedCategories = getOrderedCategories(allCategorizedLinks, categoryDictionary);
+  const readyForEUI = (link: ChromeNavLink, needsIcon: boolean = false) => {
+    return createEuiListItem({
+      link,
+      legacyMode,
+      appId,
+      dataTestSubj: 'collapsibleNavAppLink',
+      navigateToApp,
+      onClick: closeNav,
+      ...(needsIcon && { basePath }),
+    });
+  };
 
   return (
     <EuiCollapsibleNav
@@ -108,7 +132,7 @@ export function CollapsibleNav({
       })}
       isOpen={isOpen}
       isDocked={isLocked}
-      onClose={onIsOpenUpdate}
+      onClose={closeNav}
     >
       {/* Pinned items */}
       <EuiFlexItem grow={false} style={{ flexShrink: 0 }}>
@@ -127,7 +151,7 @@ export function CollapsibleNav({
                 iconType: 'home',
                 href: homeHref,
                 onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-                  onIsOpenUpdate(false);
+                  closeNav();
                   if (
                     event.isDefaultPrevented() ||
                     event.altKey ||
@@ -159,21 +183,24 @@ export function CollapsibleNav({
         onToggle={isCategoryOpen => setIsCategoryOpen('recentlyViewed', isCategoryOpen, storage)}
         data-test-subj="collapsibleNavGroup-recentlyViewed"
       >
-        {recentNavLinks.length > 0 ? (
+        {recentlyAccessed.length > 0 ? (
           <EuiListGroup
             aria-label={i18n.translate('core.ui.recentlyViewedAriaLabel', {
               defaultMessage: 'Recently viewed links',
             })}
-            // TODO #64541
-            // Can remove icon from recent links completely
-            listItems={recentNavLinks.map(({ iconType, onClick = () => {}, ...link }) => ({
-              'data-test-subj': 'collapsibleNavAppLink--recent',
-              onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-                onIsOpenUpdate(false);
-                onClick(e);
-              },
-              ...link,
-            }))}
+            listItems={recentlyAccessed.map(link => {
+              // TODO #64541
+              // Can remove icon from recent links completely
+              const { iconType, ...hydratedLink } = createRecentNavLink(link, navLinks, basePath);
+
+              return {
+                ...hydratedLink,
+                'data-test-subj': 'collapsibleNavAppLink--recent',
+                onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+                  closeNav();
+                },
+              };
+            })}
             maxWidth="none"
             color="subdued"
             gutterSize="none"
@@ -195,21 +222,8 @@ export function CollapsibleNav({
 
       <EuiFlexItem className="eui-yScroll">
         {/* Kibana, Observability, Security, and Management sections */}
-        {orderedCategories.map((categoryName, i) => {
+        {orderedCategories.map(categoryName => {
           const category = categoryDictionary[categoryName]!;
-          const links = allCategorizedLinks[categoryName].map(
-            ({ label, href, isActive, isDisabled, onClick }) => ({
-              label,
-              href,
-              isActive,
-              isDisabled,
-              'data-test-subj': 'collapsibleNavAppLink',
-              onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-                onIsOpenUpdate(false);
-                onClick(e);
-              },
-            })
-          );
 
           return (
             <EuiCollapsibleNavGroup
@@ -226,7 +240,7 @@ export function CollapsibleNav({
                   defaultMessage: 'Primary navigation links, {category}',
                   values: { category: category.label },
                 })}
-                listItems={links}
+                listItems={allCategorizedLinks[categoryName].map(link => readyForEUI(link))}
                 maxWidth="none"
                 color="subdued"
                 gutterSize="none"
@@ -237,23 +251,10 @@ export function CollapsibleNav({
         })}
 
         {/* Things with no category (largely for custom plugins) */}
-        {unknowns.map(({ label, href, icon, isActive, isDisabled, onClick }, i) => (
+        {unknowns.map((link, i) => (
           <EuiCollapsibleNavGroup key={i}>
             <EuiListGroup flush>
-              <EuiListGroupItem
-                color="text"
-                size="s"
-                label={label}
-                href={href}
-                icon={icon}
-                isActive={isActive}
-                isDisabled={isDisabled}
-                data-test-subj="collapsibleNavAppLink"
-                onClick={(e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-                  onIsOpenUpdate(false);
-                  onClick(e);
-                }}
-              />
+              <EuiListGroupItem color="text" size="s" {...readyForEUI(link, true)} />
             </EuiListGroup>
           </EuiCollapsibleNavGroup>
         ))}
diff --git a/src/core/public/chrome/ui/header/header.test.tsx b/src/core/public/chrome/ui/header/header.test.tsx
new file mode 100644
index 0000000000000..7784a790dc0ee
--- /dev/null
+++ b/src/core/public/chrome/ui/header/header.test.tsx
@@ -0,0 +1,54 @@
+/*
+ * Licensed to Elasticsearch B.V. under one or more contributor
+ * license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright
+ * ownership. Elasticsearch B.V. licenses this file to you under
+ * the Apache License, Version 2.0 (the "License"); you may
+ * not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+// import { mount } from 'enzyme';
+// import React from 'react';
+// import { Header } from './header';
+
+// function mockProps() {
+//   return {
+//     kibanaVersion: '1.0.0',
+//     // application: InternalApplicationStart,
+//     // appTitle$: Rx.Observable<string>,
+//     // badge$: Rx.Observable<ChromeBadge | undefined>,
+//     // breadcrumbs$: Rx.Observable<ChromeBreadcrumb[]>,
+//     // homeHref: string,
+//     // isVisible$: Rx.Observable<boolean>,
+//     // kibanaDocLink: string,
+//     // navLinks$: Rx.Observable<ChromeNavLink[]>,
+//     // recentlyAccessed$: Rx.Observable<ChromeRecentlyAccessedHistoryItem[]>,
+//     // forceAppSwitcherNavigation$: Rx.Observable<boolean>,
+//     // helpExtension$: Rx.Observable<ChromeHelpExtension | undefined>,
+//     // helpSupportUrl$: Rx.Observable<string>,
+//     // legacyMode: boolean,
+//     // navControlsLeft$: Rx.Observable<readonly ChromeNavControl[]>,
+//     // navControlsRight$: Rx.Observable<readonly ChromeNavControl[]>,
+//     // basePath: HttpStart['basePath'],
+//     // isLocked$: Rx.Observable<boolean>,
+//     // navType$: Rx.Observable<NavType>,
+//     // onIsLockedUpdate: OnIsLockedUpdate,
+//   };
+// }
+
+// describe('Header', () => {
+//   it('renders an empty header', () => {
+//     const component = mount(<Header {...mockProps()} kibanaVersion="" />);
+//     expect(component).toMatchSnapshot();
+//   });
+// });
diff --git a/src/core/public/chrome/ui/header/header.tsx b/src/core/public/chrome/ui/header/header.tsx
index 09bc3972e0e40..f7ee1edebbf2a 100644
--- a/src/core/public/chrome/ui/header/header.tsx
+++ b/src/core/public/chrome/ui/header/header.tsx
@@ -29,8 +29,9 @@ import {
   htmlIdGenerator,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
-import React, { Component, createRef } from 'react';
 import classnames from 'classnames';
+import React, { createRef, useState } from 'react';
+import { useObservable } from 'react-use';
 import * as Rx from 'rxjs';
 import {
   ChromeBadge,
@@ -42,15 +43,15 @@ import {
 import { InternalApplicationStart } from '../../../application/types';
 import { HttpStart } from '../../../http';
 import { ChromeHelpExtension } from '../../chrome_service';
-import { HeaderBadge } from './header_badge';
 import { NavType, OnIsLockedUpdate } from './';
+import { CollapsibleNav } from './collapsible_nav';
+import { HeaderBadge } from './header_badge';
 import { HeaderBreadcrumbs } from './header_breadcrumbs';
 import { HeaderHelpMenu } from './header_help_menu';
-import { HeaderNavControls } from './header_nav_controls';
-import { createNavLink, createRecentNavLink } from './nav_link';
 import { HeaderLogo } from './header_logo';
+import { HeaderNavControls } from './header_nav_controls';
 import { NavDrawer } from './nav_drawer';
-import { CollapsibleNav } from './collapsible_nav';
+import { LoadingIndicator } from '../';
 
 export interface HeaderProps {
   kibanaVersion: string;
@@ -72,162 +73,72 @@ export interface HeaderProps {
   basePath: HttpStart['basePath'];
   isLocked$: Rx.Observable<boolean>;
   navType$: Rx.Observable<NavType>;
+  loadingCount$: ReturnType<HttpStart['getLoadingCount$']>;
   onIsLockedUpdate: OnIsLockedUpdate;
 }
 
-interface State {
-  appTitle: string;
-  isVisible: boolean;
-  navLinks: ChromeNavLink[];
-  recentlyAccessed: ChromeRecentlyAccessedHistoryItem[];
-  forceNavigation: boolean;
-  navControlsLeft: readonly ChromeNavControl[];
-  navControlsRight: readonly ChromeNavControl[];
-  currentAppId: string | undefined;
-  isLocked: boolean;
-  navType: NavType;
-  isOpen: boolean;
+function renderMenuTrigger(toggleOpen: () => void) {
+  return (
+    <EuiHeaderSectionItemButton
+      aria-label={i18n.translate('core.ui.chrome.headerGlobalNav.toggleSideNavAriaLabel', {
+        defaultMessage: 'Toggle side navigation',
+      })}
+      onClick={toggleOpen}
+    >
+      <EuiIcon type="apps" size="m" />
+    </EuiHeaderSectionItemButton>
+  );
 }
 
-export class Header extends Component<HeaderProps, State> {
-  private subscription?: Rx.Subscription;
-  private navDrawerRef = createRef<EuiNavDrawer>();
-  private toggleCollapsibleNavRef = createRef<HTMLButtonElement>();
-
-  constructor(props: HeaderProps) {
-    super(props);
-
-    let isLocked = false;
-    props.isLocked$.subscribe(initialIsLocked => (isLocked = initialIsLocked));
-
-    this.state = {
-      appTitle: 'Kibana',
-      isVisible: true,
-      navLinks: [],
-      recentlyAccessed: [],
-      forceNavigation: false,
-      navControlsLeft: [],
-      navControlsRight: [],
-      currentAppId: '',
-      isLocked,
-      navType: 'modern',
-      isOpen: false,
-    };
+export function Header({
+  kibanaVersion,
+  kibanaDocLink,
+  legacyMode,
+  application,
+  basePath,
+  onIsLockedUpdate,
+  homeHref,
+  ...observables
+}: HeaderProps) {
+  const isVisible = useObservable(observables.isVisible$, true);
+  const navType = useObservable(observables.navType$, 'modern');
+  const isLocked = useObservable(observables.isLocked$, false);
+  const [isOpen, setIsOpen] = useState(false);
+
+  if (!isVisible) {
+    return <LoadingIndicator loadingCount$={observables.loadingCount$} />;
   }
 
-  public componentDidMount() {
-    this.subscription = Rx.combineLatest(
-      this.props.appTitle$,
-      this.props.isVisible$,
-      this.props.forceAppSwitcherNavigation$,
-      this.props.navLinks$,
-      this.props.recentlyAccessed$,
-      // Types for combineLatest only handle up to 6 inferred types so we combine these separately.
-      Rx.combineLatest(
-        this.props.navControlsLeft$,
-        this.props.navControlsRight$,
-        this.props.application.currentAppId$,
-        this.props.isLocked$,
-        this.props.navType$
-      )
-    ).subscribe({
-      next: ([
-        appTitle,
-        isVisible,
-        forceNavigation,
-        navLinks,
-        recentlyAccessed,
-        [navControlsLeft, navControlsRight, currentAppId, isLocked, navType],
-      ]) => {
-        this.setState({
-          appTitle,
-          isVisible,
-          forceNavigation,
-          navLinks: navLinks.filter(navLink => !navLink.hidden),
-          recentlyAccessed,
-          navControlsLeft,
-          navControlsRight,
-          currentAppId,
-          isLocked,
-          navType,
-        });
-      },
-    });
-  }
-
-  public componentWillUnmount() {
-    if (this.subscription) {
-      this.subscription.unsubscribe();
+  const navDrawerRef = createRef<EuiNavDrawer>();
+  const toggleCollapsibleNavRef = createRef<HTMLButtonElement>();
+  const navId = htmlIdGenerator()();
+  const className = classnames(
+    'chrHeaderWrapper', // TODO #64541 - delete this
+    'hide-for-sharing',
+    {
+      'chrHeaderWrapper--navIsLocked': isLocked,
+      headerWrapper: navType === 'modern',
     }
-  }
-
-  public renderMenuTrigger() {
-    return (
-      <EuiHeaderSectionItemButton
-        aria-label={i18n.translate('core.ui.chrome.headerGlobalNav.toggleSideNavAriaLabel', {
-          defaultMessage: 'Toggle side navigation',
-        })}
-        onClick={() => this.navDrawerRef.current.toggleOpen()}
-      >
-        <EuiIcon type="apps" size="m" />
-      </EuiHeaderSectionItemButton>
-    );
-  }
-
-  public render() {
-    const { appTitle, isVisible, navControlsLeft, navControlsRight } = this.state;
-    const {
-      badge$,
-      breadcrumbs$,
-      helpExtension$,
-      helpSupportUrl$,
-      kibanaDocLink,
-      kibanaVersion,
-    } = this.props;
-    const navLinks = this.state.navLinks.map(link =>
-      createNavLink(
-        link,
-        this.props.legacyMode,
-        this.state.currentAppId,
-        this.props.basePath,
-        this.props.application.navigateToApp
-      )
-    );
-    const recentNavLinks = this.state.recentlyAccessed.map(link =>
-      createRecentNavLink(link, this.state.navLinks, this.props.basePath)
-    );
+  );
 
-    if (!isVisible) {
-      return null;
-    }
-
-    const className = classnames(
-      'chrHeaderWrapper', // TODO #64541 - delete this
-      'hide-for-sharing',
-      {
-        'chrHeaderWrapper--navIsLocked': this.state.isLocked,
-        headerWrapper: this.state.navType === 'modern',
-      }
-    );
-    const navId = htmlIdGenerator()();
-    return (
+  return (
+    <>
+      <LoadingIndicator loadingCount$={observables.loadingCount$} />
       <header className={className} data-test-subj="headerGlobalNav">
         <EuiHeader position="fixed">
           <EuiHeaderSection grow={false}>
-            {this.state.navType === 'modern' ? (
+            {navType === 'modern' ? (
               <EuiHeaderSectionItem border="right" className="header__toggleNavButtonSection">
                 <EuiHeaderSectionItemButton
                   data-test-subj="toggleNavButton"
                   aria-label={i18n.translate('core.ui.primaryNav.toggleNavAriaLabel', {
                     defaultMessage: 'Toggle primary navigation',
                   })}
-                  onClick={() => {
-                    this.setState({ isOpen: !this.state.isOpen });
-                  }}
-                  aria-expanded={this.state.isOpen}
-                  aria-pressed={this.state.isOpen}
+                  onClick={() => setIsOpen(!isOpen)}
+                  aria-expanded={isOpen}
+                  aria-pressed={isOpen}
                   aria-controls={navId}
-                  ref={this.toggleCollapsibleNavRef}
+                  ref={toggleCollapsibleNavRef}
                 >
                   <EuiIcon type="menu" size="m" />
                 </EuiHeaderSectionItemButton>
@@ -237,71 +148,79 @@ export class Header extends Component<HeaderProps, State> {
               // Delete this block
               <EuiShowFor sizes={['xs', 's']}>
                 <EuiHeaderSectionItem border="right">
-                  {this.renderMenuTrigger()}
+                  {renderMenuTrigger(() => navDrawerRef.current.toggleOpen())}
                 </EuiHeaderSectionItem>
               </EuiShowFor>
             )}
 
             <EuiHeaderSectionItem border="right">
               <HeaderLogo
-                href={this.props.homeHref}
-                forceNavigation={this.state.forceNavigation}
-                navLinks={navLinks}
-                navigateToApp={this.props.application.navigateToApp}
+                href={homeHref}
+                forceNavigation$={observables.forceAppSwitcherNavigation$}
+                navLinks$={observables.navLinks$}
+                navigateToApp={application.navigateToApp}
               />
             </EuiHeaderSectionItem>
 
-            <HeaderNavControls side="left" navControls={navControlsLeft} />
+            <HeaderNavControls side="left" navControls$={observables.navControlsLeft$} />
           </EuiHeaderSection>
 
-          <HeaderBreadcrumbs appTitle={appTitle} breadcrumbs$={breadcrumbs$} />
+          <HeaderBreadcrumbs
+            appTitle$={observables.appTitle$}
+            breadcrumbs$={observables.breadcrumbs$}
+          />
 
-          <HeaderBadge badge$={badge$} />
+          <HeaderBadge badge$={observables.badge$} />
 
           <EuiHeaderSection side="right">
             <EuiHeaderSectionItem>
               <HeaderHelpMenu
-                {...{
-                  helpExtension$,
-                  helpSupportUrl$,
-                  kibanaDocLink,
-                  kibanaVersion,
-                }}
+                helpExtension$={observables.helpExtension$}
+                helpSupportUrl$={observables.helpSupportUrl$}
+                kibanaDocLink={kibanaDocLink}
+                kibanaVersion={kibanaVersion}
               />
             </EuiHeaderSectionItem>
 
-            <HeaderNavControls side="right" navControls={navControlsRight} />
+            <HeaderNavControls side="right" navControls$={observables.navControlsRight$} />
           </EuiHeaderSection>
         </EuiHeader>
-        {this.state.navType === 'modern' ? (
+        {navType === 'modern' ? (
           <CollapsibleNav
+            appId$={application.currentAppId$}
             id={navId}
-            isLocked={this.state.isLocked}
-            onIsLockedUpdate={this.props.onIsLockedUpdate}
-            navLinks={navLinks}
-            recentNavLinks={recentNavLinks}
-            isOpen={this.state.isOpen}
-            homeHref={this.props.homeHref}
-            onIsOpenUpdate={(isOpen = !this.state.isOpen) => {
-              this.setState({ isOpen });
-              if (this.toggleCollapsibleNavRef.current) {
-                this.toggleCollapsibleNavRef.current.focus();
+            isLocked={isLocked}
+            navLinks$={observables.navLinks$}
+            recentlyAccessed$={observables.recentlyAccessed$}
+            isOpen={isOpen}
+            homeHref={homeHref}
+            basePath={basePath}
+            legacyMode={legacyMode}
+            navigateToApp={application.navigateToApp}
+            onIsLockedUpdate={onIsLockedUpdate}
+            closeNav={() => {
+              setIsOpen(false);
+              if (toggleCollapsibleNavRef.current) {
+                toggleCollapsibleNavRef.current.focus();
               }
             }}
-            navigateToApp={this.props.application.navigateToApp}
           />
         ) : (
           // TODO #64541
           // Delete this block
           <NavDrawer
-            isLocked={this.state.isLocked}
-            onIsLockedUpdate={this.props.onIsLockedUpdate}
-            navLinks={navLinks}
-            recentNavLinks={recentNavLinks}
-            ref={this.navDrawerRef}
+            isLocked={isLocked}
+            onIsLockedUpdate={onIsLockedUpdate}
+            navLinks$={observables.navLinks$}
+            recentlyAccessed$={observables.recentlyAccessed$}
+            basePath={basePath}
+            appId$={application.currentAppId$}
+            navigateToApp={application.navigateToApp}
+            ref={navDrawerRef}
+            legacyMode={legacyMode}
           />
         )}
       </header>
-    );
-  }
+    </>
+  );
 }
diff --git a/src/core/public/chrome/ui/header/header_breadcrumbs.tsx b/src/core/public/chrome/ui/header/header_breadcrumbs.tsx
index 83840cff45d03..ad7b53f03daf5 100644
--- a/src/core/public/chrome/ui/header/header_breadcrumbs.tsx
+++ b/src/core/public/chrome/ui/header/header_breadcrumbs.tsx
@@ -18,87 +18,36 @@
  */
 
 import classNames from 'classnames';
-import React, { Component } from 'react';
+import React from 'react';
 import * as Rx from 'rxjs';
 
 import { EuiHeaderBreadcrumbs } from '@elastic/eui';
+import { useObservable } from 'react-use';
 import { ChromeBreadcrumb } from '../../chrome_service';
 
 interface Props {
-  appTitle?: string;
+  appTitle$: Rx.Observable<string>;
   breadcrumbs$: Rx.Observable<ChromeBreadcrumb[]>;
 }
 
-interface State {
-  breadcrumbs: ChromeBreadcrumb[];
-}
-
-export class HeaderBreadcrumbs extends Component<Props, State> {
-  private subscription?: Rx.Subscription;
-
-  constructor(props: Props) {
-    super(props);
-
-    this.state = { breadcrumbs: [] };
-  }
-
-  public componentDidMount() {
-    this.subscribe();
-  }
-
-  public componentDidUpdate(prevProps: Props) {
-    if (prevProps.breadcrumbs$ === this.props.breadcrumbs$) {
-      return;
-    }
-
-    this.unsubscribe();
-    this.subscribe();
-  }
+export function HeaderBreadcrumbs({ appTitle$, breadcrumbs$ }: Props) {
+  const appTitle = useObservable(appTitle$, 'Kibana');
+  const breadcrumbs = useObservable(breadcrumbs$, []);
+  let crumbs = breadcrumbs;
 
-  public componentWillUnmount() {
-    this.unsubscribe();
+  if (breadcrumbs.length === 0 && appTitle) {
+    crumbs = [{ text: appTitle }];
   }
 
-  public render() {
-    return (
-      <EuiHeaderBreadcrumbs
-        breadcrumbs={this.getBreadcrumbs()}
-        max={10}
-        data-test-subj="breadcrumbs"
-      />
-    );
-  }
+  crumbs = crumbs.map((breadcrumb, i) => ({
+    ...breadcrumb,
+    'data-test-subj': classNames(
+      'breadcrumb',
+      breadcrumb['data-test-subj'],
+      i === 0 && 'first',
+      i === breadcrumbs.length - 1 && 'last'
+    ),
+  }));
 
-  private subscribe() {
-    this.subscription = this.props.breadcrumbs$.subscribe(breadcrumbs => {
-      this.setState({
-        breadcrumbs,
-      });
-    });
-  }
-
-  private unsubscribe() {
-    if (this.subscription) {
-      this.subscription.unsubscribe();
-      delete this.subscription;
-    }
-  }
-
-  private getBreadcrumbs() {
-    let breadcrumbs = this.state.breadcrumbs;
-
-    if (breadcrumbs.length === 0 && this.props.appTitle) {
-      breadcrumbs = [{ text: this.props.appTitle }];
-    }
-
-    return breadcrumbs.map((breadcrumb, i) => ({
-      ...breadcrumb,
-      'data-test-subj': classNames(
-        'breadcrumb',
-        breadcrumb['data-test-subj'],
-        i === 0 && 'first',
-        i === breadcrumbs.length - 1 && 'last'
-      ),
-    }));
-  }
+  return <EuiHeaderBreadcrumbs breadcrumbs={crumbs} max={10} data-test-subj="breadcrumbs" />;
 }
diff --git a/src/core/public/chrome/ui/header/header_logo.tsx b/src/core/public/chrome/ui/header/header_logo.tsx
index 4296064945455..518ea476728e5 100644
--- a/src/core/public/chrome/ui/header/header_logo.tsx
+++ b/src/core/public/chrome/ui/header/header_logo.tsx
@@ -21,7 +21,9 @@ import Url from 'url';
 import React from 'react';
 import { i18n } from '@kbn/i18n';
 import { EuiHeaderLogo } from '@elastic/eui';
-import { NavLink } from './nav_link';
+import { useObservable } from 'react-use';
+import * as Rx from 'rxjs';
+import { ChromeNavLink } from '../..';
 
 function findClosestAnchor(element: HTMLElement): HTMLAnchorElement | void {
   let current = element;
@@ -41,7 +43,7 @@ function findClosestAnchor(element: HTMLElement): HTMLAnchorElement | void {
 function onClick(
   event: React.MouseEvent<HTMLAnchorElement>,
   forceNavigation: boolean,
-  navLinks: NavLink[],
+  navLinks: ChromeNavLink[],
   navigateToApp: (appId: string) => void
 ) {
   const anchor = findClosestAnchor((event as any).nativeEvent.target);
@@ -50,7 +52,7 @@ function onClick(
   }
 
   const navLink = navLinks.find(item => item.href === anchor.href);
-  if (navLink && navLink.isDisabled) {
+  if (navLink && navLink.disabled) {
     event.preventDefault();
     return;
   }
@@ -85,12 +87,15 @@ function onClick(
 
 interface Props {
   href: string;
-  navLinks: NavLink[];
-  forceNavigation: boolean;
+  navLinks$: Rx.Observable<ChromeNavLink[]>;
+  forceNavigation$: Rx.Observable<boolean>;
   navigateToApp: (appId: string) => void;
 }
 
-export function HeaderLogo({ href, forceNavigation, navLinks, navigateToApp }: Props) {
+export function HeaderLogo({ href, navigateToApp, ...observables }: Props) {
+  const forceNavigation = useObservable(observables.forceNavigation$, false);
+  const navLinks = useObservable(observables.navLinks$, []);
+
   return (
     <EuiHeaderLogo
       data-test-subj="logo"
diff --git a/src/core/public/chrome/ui/header/header_nav_controls.tsx b/src/core/public/chrome/ui/header/header_nav_controls.tsx
index 0e77eb918bb61..d6d5be05c4904 100644
--- a/src/core/public/chrome/ui/header/header_nav_controls.tsx
+++ b/src/core/public/chrome/ui/header/header_nav_controls.tsx
@@ -17,37 +17,34 @@
  * under the License.
  */
 
-import React, { Component } from 'react';
-
-import {
-  // @ts-ignore
-  EuiHeaderSectionItem,
-} from '@elastic/eui';
-
-import { HeaderExtension } from './header_extension';
+import React from 'react';
+import { EuiHeaderSectionItem } from '@elastic/eui';
+import * as Rx from 'rxjs';
+import { useObservable } from 'react-use';
 import { ChromeNavControl } from '../../nav_controls';
+import { HeaderExtension } from './header_extension';
 
 interface Props {
-  navControls: readonly ChromeNavControl[];
+  navControls$: Rx.Observable<readonly ChromeNavControl[]>;
   side: 'left' | 'right';
 }
 
-export class HeaderNavControls extends Component<Props> {
-  public render() {
-    const { navControls } = this.props;
-
-    if (!navControls) {
-      return null;
-    }
+export function HeaderNavControls({ navControls$, side }: Props) {
+  const navControls = useObservable(navControls$, []);
 
-    return navControls.map(this.renderNavControl);
+  if (!navControls) {
+    return null;
   }
 
   // It should be performant to use the index as the key since these are unlikely
   // to change while Kibana is running.
-  private renderNavControl = (navControl: ChromeNavControl, index: number) => (
-    <EuiHeaderSectionItem key={index} border={this.props.side === 'left' ? 'right' : 'left'}>
-      <HeaderExtension extension={navControl.mount} />
-    </EuiHeaderSectionItem>
+  return (
+    <>
+      {navControls.map((navControl: ChromeNavControl, index: number) => (
+        <EuiHeaderSectionItem key={index} border={side === 'left' ? 'right' : 'left'}>
+          <HeaderExtension extension={navControl.mount} />
+        </EuiHeaderSectionItem>
+      ))}
+    </>
   );
 }
diff --git a/src/core/public/chrome/ui/header/nav_drawer.tsx b/src/core/public/chrome/ui/header/nav_drawer.tsx
index 7faee8edea43b..cb2d1dbef5c90 100644
--- a/src/core/public/chrome/ui/header/nav_drawer.tsx
+++ b/src/core/public/chrome/ui/header/nav_drawer.tsx
@@ -21,21 +21,36 @@ import React from 'react';
 import { i18n } from '@kbn/i18n';
 // @ts-ignore
 import { EuiNavDrawer, EuiHorizontalRule, EuiNavDrawerGroup } from '@elastic/eui';
+import * as Rx from 'rxjs';
+import { useObservable } from 'react-use';
 import { OnIsLockedUpdate } from './';
-import { NavLink, RecentNavLink } from './nav_link';
 import { RecentLinks } from './recent_links';
+import { HttpStart } from '../../../http';
+import { InternalApplicationStart } from '../../../application/types';
+import { createRecentNavLink, createEuiListItem } from './nav_link';
+import { ChromeNavLink, CoreStart, ChromeRecentlyAccessedHistoryItem } from '../../..';
 
 export interface Props {
+  appId$: InternalApplicationStart['currentAppId$'];
+  basePath: HttpStart['basePath'];
   isLocked?: boolean;
+  legacyMode: boolean;
+  navLinks$: Rx.Observable<ChromeNavLink[]>;
+  recentlyAccessed$: Rx.Observable<ChromeRecentlyAccessedHistoryItem[]>;
+  navigateToApp: CoreStart['application']['navigateToApp'];
   onIsLockedUpdate?: OnIsLockedUpdate;
-  navLinks: NavLink[];
-  recentNavLinks: RecentNavLink[];
 }
 
-function navDrawerRenderer(
-  { isLocked, onIsLockedUpdate, navLinks, recentNavLinks }: Props,
+function NavDrawerRenderer(
+  { isLocked, onIsLockedUpdate, basePath, legacyMode, navigateToApp, ...observables }: Props,
   ref: React.Ref<HTMLElement>
 ) {
+  const appId = useObservable(observables.appId$, '');
+  const navLinks = useObservable(observables.navLinks$, []).filter(link => !link.hidden);
+  const recentNavLinks = useObservable(observables.recentlyAccessed$, []).map(link =>
+    createRecentNavLink(link, navLinks, basePath)
+  );
+
   return (
     <EuiNavDrawer
       ref={ref}
@@ -50,7 +65,16 @@ function navDrawerRenderer(
       <EuiHorizontalRule margin="none" />
       <EuiNavDrawerGroup
         data-test-subj="navDrawerAppsMenu"
-        listItems={navLinks}
+        listItems={navLinks.map(link =>
+          createEuiListItem({
+            link,
+            legacyMode,
+            appId,
+            basePath,
+            navigateToApp,
+            dataTestSubj: 'navDrawerAppsMenuLink',
+          })
+        )}
         aria-label={i18n.translate('core.ui.primaryNavList.screenReaderLabel', {
           defaultMessage: 'Primary navigation links',
         })}
@@ -59,4 +83,4 @@ function navDrawerRenderer(
   );
 }
 
-export const NavDrawer = React.forwardRef(navDrawerRenderer);
+export const NavDrawer = React.forwardRef(NavDrawerRenderer);
diff --git a/src/core/public/chrome/ui/header/nav_link.tsx b/src/core/public/chrome/ui/header/nav_link.tsx
index 8003c22b99a36..468e33bd9d954 100644
--- a/src/core/public/chrome/ui/header/nav_link.tsx
+++ b/src/core/public/chrome/ui/header/nav_link.tsx
@@ -20,9 +20,9 @@
 import React from 'react';
 import { i18n } from '@kbn/i18n';
 import { EuiImage } from '@elastic/eui';
-import { AppCategory } from 'src/core/types';
-import { ChromeNavLink, CoreStart, ChromeRecentlyAccessedHistoryItem } from '../../../';
+import { ChromeNavLink, CoreStart, ChromeRecentlyAccessedHistoryItem } from '../../..';
 import { HttpStart } from '../../../http';
+import { relativeToAbsolute } from '../../nav_links/to_nav_link';
 
 function isModifiedEvent(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {
   return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
@@ -32,62 +32,32 @@ function LinkIcon({ url }: { url: string }) {
   return <EuiImage size="s" alt="" aria-hidden={true} url={url} />;
 }
 
-export interface NavLink {
-  key: string;
-  label: string;
-  href: string;
-  isActive: boolean;
-  onClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
-  category?: AppCategory;
-  isDisabled?: boolean;
-  iconType?: string;
-  icon?: JSX.Element;
-  order?: number;
-  'data-test-subj': string;
+interface Props {
+  link: ChromeNavLink;
+  legacyMode: boolean;
+  appId: string | undefined;
+  basePath?: HttpStart['basePath'];
+  dataTestSubj: string;
+  onClick?: Function;
+  navigateToApp: CoreStart['application']['navigateToApp'];
 }
 
-/**
- * Create a link that's actually ready to be passed into EUI
- *
- * @param navLink
- * @param legacyMode
- * @param currentAppId
- * @param basePath
- * @param navigateToApp
- */
-export function createNavLink(
-  navLink: ChromeNavLink,
-  legacyMode: boolean,
-  currentAppId: string | undefined,
-  basePath: HttpStart['basePath'],
-  navigateToApp: CoreStart['application']['navigateToApp']
-): NavLink {
-  const {
-    legacy,
-    url,
-    active,
-    baseUrl,
-    id,
-    title,
-    disabled,
-    euiIconType,
-    icon,
-    category,
-    order,
-    tooltip,
-  } = navLink;
-  let href = navLink.url ?? navLink.baseUrl;
-
-  if (legacy) {
-    href = url && !active ? url : baseUrl;
-  }
+export function createEuiListItem({
+  link,
+  legacyMode,
+  appId,
+  basePath,
+  onClick,
+  navigateToApp,
+  dataTestSubj,
+}: Props) {
+  const { legacy, active, id, title, disabled, euiIconType, icon, tooltip, href } = link;
 
   return {
-    category,
-    key: id,
     label: tooltip ?? title,
-    href, // Use href and onClick to support "open in new tab" and SPA navigation in the same link
-    onClick(event) {
+    href,
+    /* Use href and onClick to support "open in new tab" and SPA navigation in the same link */
+    onClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {
       if (
         !legacyMode && // ignore when in legacy mode
         !legacy && // ignore links to legacy apps
@@ -96,53 +66,29 @@ export function createNavLink(
         !isModifiedEvent(event) // ignore clicks with modifier keys
       ) {
         event.preventDefault();
-        navigateToApp(navLink.id);
+        navigateToApp(id);
+        if (onClick) {
+          onClick();
+        }
       }
     },
     // Legacy apps use `active` property, NP apps should match the current app
-    isActive: active || currentAppId === id,
+    isActive: active || appId === id,
     isDisabled: disabled,
-    iconType: euiIconType,
-    icon: !euiIconType && icon ? <LinkIcon url={basePath.prepend(`/${icon}`)} /> : undefined,
-    order,
-    'data-test-subj': 'navDrawerAppsMenuLink',
+    'data-test-subj': dataTestSubj,
+    ...(basePath && {
+      iconType: euiIconType,
+      icon: !euiIconType && icon ? <LinkIcon url={basePath.prepend(`/${icon}`)} /> : undefined,
+    }),
   };
 }
 
-// Providing a buffer between the limit and the cut off index
-// protects from truncating just the last couple (6) characters
-const TRUNCATE_LIMIT: number = 64;
-const TRUNCATE_AT: number = 58;
-
-function truncateRecentItemLabel(label: string): string {
-  if (label.length > TRUNCATE_LIMIT) {
-    label = `${label.substring(0, TRUNCATE_AT)}…`;
-  }
-
-  return label;
-}
-
-/**
- * @param {string} url - a relative or root relative url.  If a relative path is given then the
- * absolute url returned will depend on the current page where this function is called from. For example
- * if you are on page "http://www.mysite.com/shopping/kids" and you pass this function "adults", you would get
- * back "http://www.mysite.com/shopping/adults".  If you passed this function a root relative path, or one that
- * starts with a "/", for example "/account/cart", you would get back "http://www.mysite.com/account/cart".
- * @return {string} the relative url transformed into an absolute url
- */
-function relativeToAbsolute(url: string) {
-  const a = document.createElement('a');
-  a.setAttribute('href', url);
-  return a.href;
-}
-
 export interface RecentNavLink {
   href: string;
   label: string;
   title: string;
   'aria-label': string;
   iconType?: string;
-  onClick?(event: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
 }
 
 /**
@@ -176,7 +122,7 @@ export function createRecentNavLink(
 
   return {
     href,
-    label: truncateRecentItemLabel(label),
+    label,
     title: titleAndAriaLabel,
     'aria-label': titleAndAriaLabel,
     iconType: navLink?.euiIconType,
diff --git a/src/core/server/legacy/plugins/get_nav_links.ts b/src/core/server/legacy/plugins/get_nav_links.ts
index 067fb204ca7f3..d8c7bbc83391b 100644
--- a/src/core/server/legacy/plugins/get_nav_links.ts
+++ b/src/core/server/legacy/plugins/get_nav_links.ts
@@ -38,6 +38,7 @@ function legacyAppToNavLink(spec: LegacyAppSpec): LegacyNavLink {
     euiIconType: spec.euiIconType,
     url: spec.url || `/app/${spec.id}`,
     linkToLastSubUrl: spec.linkToLastSubUrl ?? true,
+    href: undefined,
   };
 }
 
@@ -56,6 +57,7 @@ function legacyLinkToNavLink(spec: LegacyNavLinkSpec): LegacyNavLink {
     hidden: spec.hidden ?? false,
     disabled: spec.disabled ?? false,
     tooltip: spec.tooltip ?? '',
+    href: undefined,
   };
 }
 

From f63f3772ce5cffac6f6401a2ac66601c6ae714f6 Mon Sep 17 00:00:00 2001
From: Michail Yasonik <michail.yasonik@elastic.co>
Date: Tue, 19 May 2020 20:15:21 -0400
Subject: [PATCH 02/11] fixing tests

---
 .../application/application_service.mock.ts   |    1 +
 .../collapsible_nav.test.tsx.snap             | 1010 +++++++++++++----
 .../header_breadcrumbs.test.tsx.snap          |    2 +
 .../chrome/ui/header/collapsible_nav.test.tsx |  350 +++---
 .../chrome/ui/header/collapsible_nav.tsx      |    6 +-
 .../public/chrome/ui/header/header.test.tsx   |   64 +-
 .../ui/header/header_breadcrumbs.test.tsx     |   19 +-
 src/core/public/chrome/ui/header/nav_link.tsx |    6 +-
 8 files changed, 1035 insertions(+), 423 deletions(-)

diff --git a/src/core/public/application/application_service.mock.ts b/src/core/public/application/application_service.mock.ts
index d2a827d381be5..6e2af915713c9 100644
--- a/src/core/public/application/application_service.mock.ts
+++ b/src/core/public/application/application_service.mock.ts
@@ -34,6 +34,7 @@ const createSetupContractMock = (): jest.Mocked<ApplicationSetup> => ({
   register: jest.fn(),
   registerAppUpdater: jest.fn(),
   registerMountContext: jest.fn(),
+  getComponent: jest.fn().mockImplementation(() => null),
 });
 
 const createInternalSetupContractMock = (): jest.Mocked<InternalApplicationSetup> => ({
diff --git a/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
index 3e3d8c422b978..0b76e55435493 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
@@ -2,140 +2,295 @@
 
 exports[`CollapsibleNav renders links grouped by category 1`] = `
 <CollapsibleNav
+  appId$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "get": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  closeNav={[Function]}
   homeHref="/"
-  id="collapsible-nav"
+  id="collapsibe-nav"
   isLocked={false}
   isOpen={true}
-  navLinks={
-    Array [
-      Object {
-        "category": Object {
-          "euiIconType": "logoKibana",
-          "id": "kibana",
-          "label": "Kibana",
-          "order": 1000,
+  legacyMode={false}
+  navLinks$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "baseUrl": "/",
+          "category": Object {
+            "euiIconType": "logoKibana",
+            "id": "kibana",
+            "label": "Kibana",
+            "order": 1000,
+          },
+          "data-test-subj": "discover",
+          "href": "discover",
+          "id": "discover",
+          "isActive": true,
+          "legacy": false,
+          "title": "discover",
+        },
+        Object {
+          "baseUrl": "/",
+          "category": Object {
+            "euiIconType": "logoSecurity",
+            "id": "security",
+            "label": "Security",
+            "order": 3000,
+          },
+          "data-test-subj": "siem",
+          "href": "siem",
+          "id": "siem",
+          "isActive": true,
+          "legacy": false,
+          "title": "siem",
+        },
+        Object {
+          "baseUrl": "/",
+          "category": Object {
+            "euiIconType": "logoObservability",
+            "id": "observability",
+            "label": "Observability",
+            "order": 2000,
+          },
+          "data-test-subj": "metrics",
+          "href": "metrics",
+          "id": "metrics",
+          "isActive": true,
+          "legacy": false,
+          "title": "metrics",
         },
-        "data-test-subj": "discover",
-        "href": "discover",
-        "isActive": true,
-        "key": "discover",
-        "label": "discover",
-        "onClick": [Function],
-      },
-      Object {
-        "category": Object {
-          "euiIconType": "logoSecurity",
-          "id": "security",
-          "label": "Security",
-          "order": 3000,
+        Object {
+          "baseUrl": "/",
+          "category": Object {
+            "id": "management",
+            "label": "Management",
+            "order": 5000,
+          },
+          "data-test-subj": "monitoring",
+          "href": "monitoring",
+          "id": "monitoring",
+          "isActive": true,
+          "legacy": false,
+          "title": "monitoring",
         },
-        "data-test-subj": "siem",
-        "href": "siem",
-        "isActive": true,
-        "key": "siem",
-        "label": "siem",
-        "onClick": [Function],
-      },
-      Object {
-        "category": Object {
-          "euiIconType": "logoObservability",
-          "id": "observability",
-          "label": "Observability",
-          "order": 2000,
+        Object {
+          "baseUrl": "/",
+          "category": Object {
+            "euiIconType": "logoKibana",
+            "id": "kibana",
+            "label": "Kibana",
+            "order": 1000,
+          },
+          "data-test-subj": "visualize",
+          "href": "visualize",
+          "id": "visualize",
+          "isActive": true,
+          "legacy": false,
+          "title": "visualize",
         },
-        "data-test-subj": "metrics",
-        "href": "metrics",
-        "isActive": true,
-        "key": "metrics",
-        "label": "metrics",
-        "onClick": [Function],
-      },
-      Object {
-        "category": Object {
-          "id": "management",
-          "label": "Management",
-          "order": 5000,
+        Object {
+          "baseUrl": "/",
+          "category": Object {
+            "euiIconType": "logoKibana",
+            "id": "kibana",
+            "label": "Kibana",
+            "order": 1000,
+          },
+          "data-test-subj": "dashboard",
+          "href": "dashboard",
+          "id": "dashboard",
+          "isActive": true,
+          "legacy": false,
+          "title": "dashboard",
         },
-        "data-test-subj": "monitoring",
-        "href": "monitoring",
-        "isActive": true,
-        "key": "monitoring",
-        "label": "monitoring",
-        "onClick": [Function],
-      },
-      Object {
-        "category": Object {
-          "euiIconType": "logoKibana",
-          "id": "kibana",
-          "label": "Kibana",
-          "order": 1000,
+        Object {
+          "baseUrl": "/",
+          "category": undefined,
+          "data-test-subj": "canvas",
+          "href": "canvas",
+          "id": "canvas",
+          "isActive": true,
+          "legacy": false,
+          "title": "canvas",
         },
-        "data-test-subj": "visualize",
-        "href": "visualize",
-        "isActive": true,
-        "key": "visualize",
-        "label": "visualize",
-        "onClick": [Function],
-      },
-      Object {
-        "category": Object {
-          "euiIconType": "logoKibana",
-          "id": "kibana",
-          "label": "Kibana",
-          "order": 1000,
+        Object {
+          "baseUrl": "/",
+          "category": Object {
+            "euiIconType": "logoObservability",
+            "id": "observability",
+            "label": "Observability",
+            "order": 2000,
+          },
+          "data-test-subj": "logs",
+          "href": "logs",
+          "id": "logs",
+          "isActive": true,
+          "legacy": false,
+          "title": "logs",
         },
-        "data-test-subj": "dashboard",
-        "href": "dashboard",
-        "isActive": true,
-        "key": "dashboard",
-        "label": "dashboard",
-        "onClick": [Function],
-      },
-      Object {
-        "category": undefined,
-        "data-test-subj": "canvas",
-        "href": "canvas",
-        "isActive": true,
-        "key": "canvas",
-        "label": "canvas",
-        "onClick": [Function],
-      },
-      Object {
-        "category": Object {
-          "euiIconType": "logoObservability",
-          "id": "observability",
-          "label": "Observability",
-          "order": 2000,
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
         },
-        "data-test-subj": "logs",
-        "href": "logs",
-        "isActive": true,
-        "key": "logs",
-        "label": "logs",
-        "onClick": [Function],
-      },
-    ]
+      ],
+      "thrownError": null,
+    }
   }
   navigateToApp={[Function]}
   onIsLockedUpdate={[Function]}
-  onIsOpenUpdate={[Function]}
-  recentNavLinks={
-    Array [
-      Object {
-        "aria-label": "recent 1",
-        "href": "recent 1",
-        "label": "recent 1",
-        "onClick": undefined,
-        "title": "recent 1",
-      },
-      Object {
-        "aria-label": "recent 2",
-        "href": "recent 2",
-        "label": "recent 2",
-        "onClick": undefined,
-        "title": "recent 2",
-      },
-    ]
+  recentlyAccessed$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "id": "recent 1",
+          "label": "recent 1",
+          "link": "recent 1",
+        },
+        Object {
+          "id": "recent 2",
+          "label": "recent 2",
+          "link": "recent 2",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
   }
   storage={
     StubBrowserStorage {
@@ -149,7 +304,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
   <EuiCollapsibleNav
     aria-label="Primary"
     data-test-subj="collapsibleNav"
-    id="collapsible-nav"
+    id="collapsibe-nav"
     isDocked={false}
     isOpen={true}
     onClose={[Function]}
@@ -251,7 +406,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                         aria-label="Primary"
                         class="euiCollapsibleNav"
                         data-test-subj="collapsibleNav"
-                        id="collapsible-nav"
+                        id="collapsibe-nav"
                       >
                         <div
                           class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -356,7 +511,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         aria-label="recent 1"
                                         class="euiListGroupItem__button"
                                         data-test-subj="collapsibleNavAppLink--recent"
-                                        href="recent 1"
+                                        href="http://localhost/recent%201"
                                         title="recent 1"
                                       >
                                         <span
@@ -374,7 +529,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         aria-label="recent 2"
                                         class="euiListGroupItem__button"
                                         data-test-subj="collapsibleNavAppLink--recent"
-                                        href="recent 2"
+                                        href="http://localhost/recent%202"
                                         title="recent 2"
                                       >
                                         <span
@@ -463,7 +618,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                       style="max-width: none;"
                                     >
                                       <li
-                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                       >
                                         <a
                                           class="euiListGroupItem__button"
@@ -479,7 +634,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         </a>
                                       </li>
                                       <li
-                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                       >
                                         <a
                                           class="euiListGroupItem__button"
@@ -495,7 +650,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         </a>
                                       </li>
                                       <li
-                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                       >
                                         <a
                                           class="euiListGroupItem__button"
@@ -582,7 +737,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                       style="max-width: none;"
                                     >
                                       <li
-                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                       >
                                         <a
                                           class="euiListGroupItem__button"
@@ -598,7 +753,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         </a>
                                       </li>
                                       <li
-                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                       >
                                         <a
                                           class="euiListGroupItem__button"
@@ -685,7 +840,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                       style="max-width: none;"
                                     >
                                       <li
-                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                       >
                                         <a
                                           class="euiListGroupItem__button"
@@ -764,7 +919,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                       style="max-width: none;"
                                     >
                                       <li
-                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                       >
                                         <a
                                           class="euiListGroupItem__button"
@@ -787,6 +942,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                           </div>
                           <div
                             class="euiCollapsibleNavGroup"
+                            data-test-subj="collapsibleNavGroup-noCategory"
                             id="mockId"
                           >
                             <div
@@ -796,7 +952,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                 class="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
                               >
                                 <li
-                                  class="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                  class="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
                                 >
                                   <a
                                     class="euiListGroupItem__button"
@@ -890,7 +1046,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                           aria-label="Primary"
                           class="euiCollapsibleNav"
                           data-test-subj="collapsibleNav"
-                          id="collapsible-nav"
+                          id="collapsibe-nav"
                         >
                           <div
                             class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -995,7 +1151,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                           aria-label="recent 1"
                                           class="euiListGroupItem__button"
                                           data-test-subj="collapsibleNavAppLink--recent"
-                                          href="recent 1"
+                                          href="http://localhost/recent%201"
                                           title="recent 1"
                                         >
                                           <span
@@ -1013,7 +1169,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                           aria-label="recent 2"
                                           class="euiListGroupItem__button"
                                           data-test-subj="collapsibleNavAppLink--recent"
-                                          href="recent 2"
+                                          href="http://localhost/recent%202"
                                           title="recent 2"
                                         >
                                           <span
@@ -1102,7 +1258,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         style="max-width: none;"
                                       >
                                         <li
-                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                         >
                                           <a
                                             class="euiListGroupItem__button"
@@ -1118,7 +1274,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                           </a>
                                         </li>
                                         <li
-                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                         >
                                           <a
                                             class="euiListGroupItem__button"
@@ -1134,7 +1290,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                           </a>
                                         </li>
                                         <li
-                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                         >
                                           <a
                                             class="euiListGroupItem__button"
@@ -1221,7 +1377,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         style="max-width: none;"
                                       >
                                         <li
-                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                         >
                                           <a
                                             class="euiListGroupItem__button"
@@ -1237,7 +1393,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                           </a>
                                         </li>
                                         <li
-                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                         >
                                           <a
                                             class="euiListGroupItem__button"
@@ -1324,7 +1480,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         style="max-width: none;"
                                       >
                                         <li
-                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                         >
                                           <a
                                             class="euiListGroupItem__button"
@@ -1403,7 +1559,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         style="max-width: none;"
                                       >
                                         <li
-                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                         >
                                           <a
                                             class="euiListGroupItem__button"
@@ -1426,6 +1582,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                             </div>
                             <div
                               class="euiCollapsibleNavGroup"
+                              data-test-subj="collapsibleNavGroup-noCategory"
                               id="mockId"
                             >
                               <div
@@ -1435,7 +1592,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                   class="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
                                 >
                                   <li
-                                    class="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                    class="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
                                   >
                                     <a
                                       class="euiListGroupItem__button"
@@ -1523,7 +1680,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                   aria-label="Primary"
                   className="euiCollapsibleNav"
                   data-test-subj="collapsibleNav"
-                  id="collapsible-nav"
+                  id="collapsibe-nav"
                 >
                   <EuiFlexItem
                     grow={false}
@@ -1757,7 +1914,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         Object {
                                           "aria-label": "recent 1",
                                           "data-test-subj": "collapsibleNavAppLink--recent",
-                                          "href": "recent 1",
+                                          "href": "http://localhost/recent%201",
                                           "label": "recent 1",
                                           "onClick": [Function],
                                           "title": "recent 1",
@@ -1765,7 +1922,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         Object {
                                           "aria-label": "recent 2",
                                           "data-test-subj": "collapsibleNavAppLink--recent",
-                                          "href": "recent 2",
+                                          "href": "http://localhost/recent%202",
                                           "label": "recent 2",
                                           "onClick": [Function],
                                           "title": "recent 2",
@@ -1788,7 +1945,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         aria-label="recent 1"
                                         color="subdued"
                                         data-test-subj="collapsibleNavAppLink--recent"
-                                        href="recent 1"
+                                        href="http://localhost/recent%201"
                                         key="title-0"
                                         label="recent 1"
                                         onClick={[Function]}
@@ -1804,7 +1961,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             aria-label="recent 1"
                                             className="euiListGroupItem__button"
                                             data-test-subj="collapsibleNavAppLink--recent"
-                                            href="recent 1"
+                                            href="http://localhost/recent%201"
                                             onClick={[Function]}
                                             title="recent 1"
                                           >
@@ -1821,7 +1978,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                         aria-label="recent 2"
                                         color="subdued"
                                         data-test-subj="collapsibleNavAppLink--recent"
-                                        href="recent 2"
+                                        href="http://localhost/recent%202"
                                         key="title-1"
                                         label="recent 2"
                                         onClick={[Function]}
@@ -1837,7 +1994,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             aria-label="recent 2"
                                             className="euiListGroupItem__button"
                                             data-test-subj="collapsibleNavAppLink--recent"
-                                            href="recent 2"
+                                            href="http://localhost/recent%202"
                                             onClick={[Function]}
                                             title="recent 2"
                                           >
@@ -2025,7 +2182,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             Object {
                                               "data-test-subj": "collapsibleNavAppLink",
                                               "href": "discover",
-                                              "isActive": true,
+                                              "isActive": false,
                                               "isDisabled": undefined,
                                               "label": "discover",
                                               "onClick": [Function],
@@ -2033,7 +2190,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             Object {
                                               "data-test-subj": "collapsibleNavAppLink",
                                               "href": "visualize",
-                                              "isActive": true,
+                                              "isActive": false,
                                               "isDisabled": undefined,
                                               "label": "visualize",
                                               "onClick": [Function],
@@ -2041,7 +2198,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             Object {
                                               "data-test-subj": "collapsibleNavAppLink",
                                               "href": "dashboard",
-                                              "isActive": true,
+                                              "isActive": false,
                                               "isDisabled": undefined,
                                               "label": "dashboard",
                                               "onClick": [Function],
@@ -2064,7 +2221,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             color="subdued"
                                             data-test-subj="collapsibleNavAppLink"
                                             href="discover"
-                                            isActive={true}
+                                            isActive={false}
                                             key="title-0"
                                             label="discover"
                                             onClick={[Function]}
@@ -2073,7 +2230,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             wrapText={false}
                                           >
                                             <li
-                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                             >
                                               <a
                                                 className="euiListGroupItem__button"
@@ -2094,7 +2251,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             color="subdued"
                                             data-test-subj="collapsibleNavAppLink"
                                             href="visualize"
-                                            isActive={true}
+                                            isActive={false}
                                             key="title-1"
                                             label="visualize"
                                             onClick={[Function]}
@@ -2103,7 +2260,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             wrapText={false}
                                           >
                                             <li
-                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                             >
                                               <a
                                                 className="euiListGroupItem__button"
@@ -2124,7 +2281,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             color="subdued"
                                             data-test-subj="collapsibleNavAppLink"
                                             href="dashboard"
-                                            isActive={true}
+                                            isActive={false}
                                             key="title-2"
                                             label="dashboard"
                                             onClick={[Function]}
@@ -2133,7 +2290,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             wrapText={false}
                                           >
                                             <li
-                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                             >
                                               <a
                                                 className="euiListGroupItem__button"
@@ -2312,7 +2469,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             Object {
                                               "data-test-subj": "collapsibleNavAppLink",
                                               "href": "metrics",
-                                              "isActive": true,
+                                              "isActive": false,
                                               "isDisabled": undefined,
                                               "label": "metrics",
                                               "onClick": [Function],
@@ -2320,7 +2477,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             Object {
                                               "data-test-subj": "collapsibleNavAppLink",
                                               "href": "logs",
-                                              "isActive": true,
+                                              "isActive": false,
                                               "isDisabled": undefined,
                                               "label": "logs",
                                               "onClick": [Function],
@@ -2343,7 +2500,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             color="subdued"
                                             data-test-subj="collapsibleNavAppLink"
                                             href="metrics"
-                                            isActive={true}
+                                            isActive={false}
                                             key="title-0"
                                             label="metrics"
                                             onClick={[Function]}
@@ -2352,7 +2509,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             wrapText={false}
                                           >
                                             <li
-                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                             >
                                               <a
                                                 className="euiListGroupItem__button"
@@ -2373,7 +2530,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             color="subdued"
                                             data-test-subj="collapsibleNavAppLink"
                                             href="logs"
-                                            isActive={true}
+                                            isActive={false}
                                             key="title-1"
                                             label="logs"
                                             onClick={[Function]}
@@ -2382,7 +2539,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             wrapText={false}
                                           >
                                             <li
-                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                             >
                                               <a
                                                 className="euiListGroupItem__button"
@@ -2561,7 +2718,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             Object {
                                               "data-test-subj": "collapsibleNavAppLink",
                                               "href": "siem",
-                                              "isActive": true,
+                                              "isActive": false,
                                               "isDisabled": undefined,
                                               "label": "siem",
                                               "onClick": [Function],
@@ -2584,7 +2741,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             color="subdued"
                                             data-test-subj="collapsibleNavAppLink"
                                             href="siem"
-                                            isActive={true}
+                                            isActive={false}
                                             key="title-0"
                                             label="siem"
                                             onClick={[Function]}
@@ -2593,7 +2750,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             wrapText={false}
                                           >
                                             <li
-                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                             >
                                               <a
                                                 className="euiListGroupItem__button"
@@ -2743,7 +2900,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             Object {
                                               "data-test-subj": "collapsibleNavAppLink",
                                               "href": "monitoring",
-                                              "isActive": true,
+                                              "isActive": false,
                                               "isDisabled": undefined,
                                               "label": "monitoring",
                                               "onClick": [Function],
@@ -2766,7 +2923,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             color="subdued"
                                             data-test-subj="collapsibleNavAppLink"
                                             href="monitoring"
-                                            isActive={true}
+                                            isActive={false}
                                             key="title-0"
                                             label="monitoring"
                                             onClick={[Function]}
@@ -2775,7 +2932,7 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                             wrapText={false}
                                           >
                                             <li
-                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
                                             >
                                               <a
                                                 className="euiListGroupItem__button"
@@ -2803,10 +2960,12 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                         </EuiAccordion>
                       </EuiCollapsibleNavGroup>
                       <EuiCollapsibleNavGroup
+                        data-test-subj="collapsibleNavGroup-noCategory"
                         key="0"
                       >
                         <div
                           className="euiCollapsibleNavGroup"
+                          data-test-subj="collapsibleNavGroup-noCategory"
                           id="mockId"
                         >
                           <div
@@ -2822,13 +2981,13 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
                                   color="text"
                                   data-test-subj="collapsibleNavAppLink"
                                   href="canvas"
-                                  isActive={true}
+                                  isActive={false}
                                   label="canvas"
                                   onClick={[Function]}
                                   size="s"
                                 >
                                   <li
-                                    className="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isActive euiListGroupItem-isClickable"
+                                    className="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
                                   >
                                     <a
                                       className="euiListGroupItem__button"
@@ -3014,15 +3173,170 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
 
 exports[`CollapsibleNav renders the default nav 1`] = `
 <CollapsibleNav
+  appId$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "get": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  closeNav={[Function]}
   homeHref="/"
-  id="collapsible-nav"
+  id="collapsibe-nav"
   isLocked={false}
   isOpen={false}
-  navLinks={Array []}
+  legacyMode={false}
+  navLinks$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
   navigateToApp={[Function]}
   onIsLockedUpdate={[Function]}
-  onIsOpenUpdate={[Function]}
-  recentNavLinks={Array []}
+  recentlyAccessed$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
   storage={
     StubBrowserStorage {
       "keys": Array [],
@@ -3035,7 +3349,7 @@ exports[`CollapsibleNav renders the default nav 1`] = `
   <EuiCollapsibleNav
     aria-label="Primary"
     data-test-subj="collapsibleNav"
-    id="collapsible-nav"
+    id="collapsibe-nav"
     isDocked={false}
     isOpen={false}
     onClose={[Function]}
@@ -3045,15 +3359,170 @@ exports[`CollapsibleNav renders the default nav 1`] = `
 
 exports[`CollapsibleNav renders the default nav 2`] = `
 <CollapsibleNav
+  appId$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "get": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  closeNav={[Function]}
   homeHref="/"
-  id="collapsible-nav"
+  id="collapsibe-nav"
   isLocked={false}
   isOpen={true}
-  navLinks={Array []}
+  legacyMode={false}
+  navLinks$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
   navigateToApp={[Function]}
   onIsLockedUpdate={[Function]}
-  onIsOpenUpdate={[Function]}
-  recentNavLinks={Array []}
+  recentlyAccessed$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
   storage={
     StubBrowserStorage {
       "keys": Array [],
@@ -3066,7 +3535,7 @@ exports[`CollapsibleNav renders the default nav 2`] = `
   <EuiCollapsibleNav
     aria-label="Primary"
     data-test-subj="collapsibleNav"
-    id="collapsible-nav"
+    id="collapsibe-nav"
     isDocked={false}
     isOpen={true}
     onClose={[Function]}
@@ -3176,7 +3645,7 @@ exports[`CollapsibleNav renders the default nav 2`] = `
                   aria-label="Primary"
                   className="euiCollapsibleNav"
                   data-test-subj="collapsibleNav"
-                  id="collapsible-nav"
+                  id="collapsibe-nav"
                 >
                   <EuiFlexItem
                     grow={false}
@@ -3616,15 +4085,170 @@ exports[`CollapsibleNav renders the default nav 2`] = `
 
 exports[`CollapsibleNav renders the default nav 3`] = `
 <CollapsibleNav
+  appId$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "get": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  closeNav={[Function]}
   homeHref="/"
-  id="collapsible-nav"
+  id="collapsibe-nav"
   isLocked={true}
   isOpen={true}
-  navLinks={Array []}
+  legacyMode={false}
+  navLinks$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
   navigateToApp={[Function]}
   onIsLockedUpdate={[Function]}
-  onIsOpenUpdate={[Function]}
-  recentNavLinks={Array []}
+  recentlyAccessed$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
   storage={
     StubBrowserStorage {
       "keys": Array [],
@@ -3637,7 +4261,7 @@ exports[`CollapsibleNav renders the default nav 3`] = `
   <EuiCollapsibleNav
     aria-label="Primary"
     data-test-subj="collapsibleNav"
-    id="collapsible-nav"
+    id="collapsibe-nav"
     isDocked={true}
     isOpen={true}
     onClose={[Function]}
@@ -3728,7 +4352,7 @@ exports[`CollapsibleNav renders the default nav 3`] = `
                         aria-label="Primary"
                         class="euiCollapsibleNav euiCollapsibleNav--isDocked"
                         data-test-subj="collapsibleNav"
-                        id="collapsible-nav"
+                        id="collapsibe-nav"
                       >
                         <div
                           class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -3920,7 +4544,7 @@ exports[`CollapsibleNav renders the default nav 3`] = `
                           aria-label="Primary"
                           class="euiCollapsibleNav euiCollapsibleNav--isDocked"
                           data-test-subj="collapsibleNav"
-                          id="collapsible-nav"
+                          id="collapsibe-nav"
                         >
                           <div
                             class="euiFlexItem euiFlexItem--flexGrowZero"
@@ -4106,7 +4730,7 @@ exports[`CollapsibleNav renders the default nav 3`] = `
                   aria-label="Primary"
                   className="euiCollapsibleNav euiCollapsibleNav--isDocked"
                   data-test-subj="collapsibleNav"
-                  id="collapsible-nav"
+                  id="collapsibe-nav"
                 >
                   <EuiFlexItem
                     grow={false}
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header_breadcrumbs.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header_breadcrumbs.test.tsx.snap
index d089019915686..fdaa17c279a10 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header_breadcrumbs.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header_breadcrumbs.test.tsx.snap
@@ -5,6 +5,7 @@ exports[`HeaderBreadcrumbs renders updates to the breadcrumbs$ observable 1`] =
   aria-current="page"
   className="euiBreadcrumb euiBreadcrumb--last"
   data-test-subj="breadcrumb first last"
+  title="First"
 >
   First
 </span>
@@ -39,6 +40,7 @@ Array [
     aria-current="page"
     className="euiBreadcrumb euiBreadcrumb--last"
     data-test-subj="breadcrumb last"
+    title="Second"
   >
     Second
   </span>,
diff --git a/src/core/public/chrome/ui/header/collapsible_nav.test.tsx b/src/core/public/chrome/ui/header/collapsible_nav.test.tsx
index cbc998b3965c5..5a734d55445a2 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.test.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.test.tsx
@@ -17,186 +17,170 @@
  * under the License.
  */
 
-// /*
-//  * Licensed to Elasticsearch B.V. under one or more contributor
-//  * license agreements. See the NOTICE file distributed with
-//  * this work for additional information regarding copyright
-//  * ownership. Elasticsearch B.V. licenses this file to you under
-//  * the Apache License, Version 2.0 (the "License"); you may
-//  * not use this file except in compliance with the License.
-//  * You may obtain a copy of the License at
-//  *
-//  *    http://www.apache.org/licenses/LICENSE-2.0
-//  *
-//  * Unless required by applicable law or agreed to in writing,
-//  * software distributed under the License is distributed on an
-//  * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-//  * KIND, either express or implied.  See the License for the
-//  * specific language governing permissions and limitations
-//  * under the License.
-//  */
-
-// import { mount, ReactWrapper } from 'enzyme';
-// import React from 'react';
-// import sinon from 'sinon';
-// import { CollapsibleNav } from './collapsible_nav';
-// import { DEFAULT_APP_CATEGORIES, ChromeNavLink } from '../../..';
-// import { StubBrowserStorage } from 'test_utils/stub_browser_storage';
-// import { ChromeRecentlyAccessedHistoryItem } from '../../recently_accessed';
-
-// jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
-//   htmlIdGenerator: () => () => 'mockId',
-// }));
-
-// const { kibana, observability, security, management } = DEFAULT_APP_CATEGORIES;
-
-// function mockLink({ label = 'discover', category, onClick }: Partial<ChromeNavLink>) {
-//   return {
-//     key: label,
-//     label,
-//     href: label,
-//     isActive: true,
-//     onClick: onClick || (() => {}),
-//     category,
-//     'data-test-subj': label,
-//   };
-// }
-
-// function mockRecentNavLink({
-//   label = 'recent',
-//   onClick,
-// }: Partial<ChromeRecentlyAccessedHistoryItem>) {
-//   return {
-//     href: label,
-//     label,
-//     title: label,
-//     'aria-label': label,
-//     onClick,
-//   };
-// }
-
-// function mockProps() {
-//   return {
-//     id: 'collapsible-nav',
-//     homeHref: '/',
-//     isLocked: false,
-//     isOpen: false,
-//     navLinks: [],
-//     recentNavLinks: [],
-//     storage: new StubBrowserStorage(),
-//     onIsOpenUpdate: () => {},
-//     onIsLockedUpdate: () => {},
-//     navigateToApp: () => {},
-//   };
-// }
-
-// function expectShownNavLinksCount(component: ReactWrapper, count: number) {
-//   expect(
-//     component.find('.euiAccordion-isOpen a[data-test-subj^="collapsibleNavAppLink"]').length
-//   ).toEqual(count);
-// }
-
-// function expectNavIsClosed(component: ReactWrapper) {
-//   expectShownNavLinksCount(component, 0);
-// }
-
-// function clickGroup(component: ReactWrapper, group: string) {
-//   component.find(`[data-test-subj="collapsibleNavGroup-${group}"] button`).simulate('click');
-// }
-
-// describe('CollapsibleNav', () => {
-//   // this test is mostly an "EUI works as expected" sanity check
-//   it('renders the default nav', () => {
-//     const onLock = sinon.spy();
-//     const component = mount(<CollapsibleNav {...mockProps()} onIsLockedUpdate={onLock} />);
-//     expect(component).toMatchSnapshot();
-
-//     component.setProps({ isOpen: true });
-//     expect(component).toMatchSnapshot();
-
-//     component.setProps({ isLocked: true });
-//     expect(component).toMatchSnapshot();
-
-//     // limit the find to buttons because jest also renders data-test-subj on a JSX wrapper element
-//     component.find('button[data-test-subj="collapsible-nav-lock"]').simulate('click');
-//     expect(onLock.callCount).toEqual(1);
-//   });
-
-//   it('renders links grouped by category', () => {
-//     // just a test of category functionality, categories are not accurate
-//     const navLinks = [
-//       mockLink({ label: 'discover', category: kibana }),
-//       mockLink({ label: 'siem', category: security }),
-//       mockLink({ label: 'metrics', category: observability }),
-//       mockLink({ label: 'monitoring', category: management }),
-//       mockLink({ label: 'visualize', category: kibana }),
-//       mockLink({ label: 'dashboard', category: kibana }),
-//       mockLink({ label: 'canvas' }), // links should be able to be rendered top level as well
-//       mockLink({ label: 'logs', category: observability }),
-//     ];
-//     const recentNavLinks = [
-//       mockRecentNavLink({ label: 'recent 1' }),
-//       mockRecentNavLink({ label: 'recent 2' }),
-//     ];
-//     const component = mount(
-//       <CollapsibleNav
-//         {...mockProps()}
-//         isOpen={true}
-//         navLinks={navLinks}
-//         recentNavLinks={recentNavLinks}
-//       />
-//     );
-//     expect(component).toMatchSnapshot();
-//   });
-
-//   it('remembers collapsible section state', () => {
-//     const navLinks = [mockLink({ category: kibana }), mockLink({ category: observability })];
-//     const recentNavLinks = [mockRecentNavLink({})];
-//     const component = mount(
-//       <CollapsibleNav
-//         {...mockProps()}
-//         isOpen={true}
-//         navLinks={navLinks}
-//         recentNavLinks={recentNavLinks}
-//       />
-//     );
-//     expectShownNavLinksCount(component, 3);
-//     clickGroup(component, 'kibana');
-//     clickGroup(component, 'recentlyViewed');
-//     expectShownNavLinksCount(component, 1);
-//     component.setProps({ isOpen: false });
-//     expectNavIsClosed(component);
-//     component.setProps({ isOpen: true });
-//     expectShownNavLinksCount(component, 1);
-//   });
-
-//   it('closes the nav after clicking a link', () => {
-//     const onClick = sinon.spy();
-//     const onIsOpenUpdate = sinon.spy();
-//     const navLinks = [mockLink({ category: kibana, onClick })];
-//     const recentNavLinks = [mockRecentNavLink({ onClick })];
-//     const component = mount(
-//       <CollapsibleNav
-//         {...mockProps()}
-//         isOpen={true}
-//         navLinks={navLinks}
-//         recentNavLinks={recentNavLinks}
-//       />
-//     );
-//     component.setProps({
-//       onIsOpenUpdate: (isOpen: boolean) => {
-//         component.setProps({ isOpen });
-//         onIsOpenUpdate();
-//       },
-//     });
-
-//     component.find('[data-test-subj="collapsibleNavGroup-recentlyViewed"] a').simulate('click');
-//     expect(onClick.callCount).toEqual(1);
-//     expect(onIsOpenUpdate.callCount).toEqual(1);
-//     expectNavIsClosed(component);
-//     component.setProps({ isOpen: true });
-//     component.find('[data-test-subj="collapsibleNavGroup-kibana"] a').simulate('click');
-//     expect(onClick.callCount).toEqual(2);
-//     expect(onIsOpenUpdate.callCount).toEqual(2);
-//   });
-// });
+import { mount, ReactWrapper } from 'enzyme';
+import React from 'react';
+import { BehaviorSubject } from 'rxjs';
+import sinon from 'sinon';
+import { StubBrowserStorage } from 'test_utils/stub_browser_storage';
+import { ChromeNavLink, DEFAULT_APP_CATEGORIES } from '../../..';
+import { httpServiceMock } from '../../../http/http_service.mock';
+import { ChromeRecentlyAccessedHistoryItem } from '../../recently_accessed';
+import { CollapsibleNav } from './collapsible_nav';
+
+jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
+  htmlIdGenerator: () => () => 'mockId',
+}));
+
+const { kibana, observability, security, management } = DEFAULT_APP_CATEGORIES;
+
+function mockLink({ title = 'discover', category }: Partial<ChromeNavLink>) {
+  return {
+    title,
+    category,
+    id: title,
+    href: title,
+    baseUrl: '/',
+    legacy: false,
+    isActive: true,
+    'data-test-subj': title,
+  };
+}
+
+function mockRecentNavLink({ label = 'recent' }: Partial<ChromeRecentlyAccessedHistoryItem>) {
+  return {
+    label,
+    link: label,
+    id: label,
+  };
+}
+
+function mockProps() {
+  return {
+    appId$: new BehaviorSubject('test'),
+    basePath: httpServiceMock.createSetupContract({ basePath: '/test' }).basePath,
+    id: 'collapsibe-nav',
+    isLocked: false,
+    isOpen: false,
+    homeHref: '/',
+    legacyMode: false,
+    navLinks$: new BehaviorSubject([]),
+    recentlyAccessed$: new BehaviorSubject([]),
+    storage: new StubBrowserStorage(),
+    onIsLockedUpdate: () => {},
+    closeNav: () => {},
+    navigateToApp: () => Promise.resolve(),
+  };
+}
+
+function expectShownNavLinksCount(component: ReactWrapper, count: number) {
+  expect(
+    component.find('.euiAccordion-isOpen a[data-test-subj^="collapsibleNavAppLink"]').length
+  ).toEqual(count);
+}
+
+function expectNavIsClosed(component: ReactWrapper) {
+  expectShownNavLinksCount(component, 0);
+}
+
+function clickGroup(component: ReactWrapper, group: string) {
+  component.find(`[data-test-subj="collapsibleNavGroup-${group}"] button`).simulate('click');
+}
+
+describe('CollapsibleNav', () => {
+  // this test is mostly an "EUI works as expected" sanity check
+  it('renders the default nav', () => {
+    const onLock = sinon.spy();
+    const component = mount(<CollapsibleNav {...mockProps()} onIsLockedUpdate={onLock} />);
+    expect(component).toMatchSnapshot();
+
+    component.setProps({ isOpen: true });
+    expect(component).toMatchSnapshot();
+
+    component.setProps({ isLocked: true });
+    expect(component).toMatchSnapshot();
+
+    // limit the find to buttons because jest also renders data-test-subj on a JSX wrapper element
+    component.find('button[data-test-subj="collapsible-nav-lock"]').simulate('click');
+    expect(onLock.callCount).toEqual(1);
+  });
+
+  it('renders links grouped by category', () => {
+    // just a test of category functionality, categories are not accurate
+    const navLinks = [
+      mockLink({ title: 'discover', category: kibana }),
+      mockLink({ title: 'siem', category: security }),
+      mockLink({ title: 'metrics', category: observability }),
+      mockLink({ title: 'monitoring', category: management }),
+      mockLink({ title: 'visualize', category: kibana }),
+      mockLink({ title: 'dashboard', category: kibana }),
+      mockLink({ title: 'canvas' }), // links should be able to be rendered top level as well
+      mockLink({ title: 'logs', category: observability }),
+    ];
+    const recentNavLinks = [
+      mockRecentNavLink({ label: 'recent 1' }),
+      mockRecentNavLink({ label: 'recent 2' }),
+    ];
+    const component = mount(
+      <CollapsibleNav
+        {...mockProps()}
+        isOpen={true}
+        navLinks$={new BehaviorSubject(navLinks)}
+        recentlyAccessed$={new BehaviorSubject(recentNavLinks)}
+      />
+    );
+    expect(component).toMatchSnapshot();
+  });
+
+  it('remembers collapsible section state', () => {
+    const navLinks = [mockLink({ category: kibana }), mockLink({ category: observability })];
+    const recentNavLinks = [mockRecentNavLink({})];
+    const component = mount(
+      <CollapsibleNav
+        {...mockProps()}
+        isOpen={true}
+        navLinks$={new BehaviorSubject(navLinks)}
+        recentlyAccessed$={new BehaviorSubject(recentNavLinks)}
+      />
+    );
+    expectShownNavLinksCount(component, 3);
+    clickGroup(component, 'kibana');
+    clickGroup(component, 'recentlyViewed');
+    expectShownNavLinksCount(component, 1);
+    component.setProps({ isOpen: false });
+    expectNavIsClosed(component);
+    component.setProps({ isOpen: true });
+    expectShownNavLinksCount(component, 1);
+  });
+
+  it('closes the nav after clicking a link', () => {
+    const onClose = sinon.spy();
+    const navLinks = [mockLink({ category: kibana }), mockLink({ title: 'categoryless' })];
+    const recentNavLinks = [mockRecentNavLink({})];
+    const component = mount(
+      <CollapsibleNav
+        {...mockProps()}
+        isOpen={true}
+        navLinks$={new BehaviorSubject(navLinks)}
+        recentlyAccessed$={new BehaviorSubject(recentNavLinks)}
+      />
+    );
+    component.setProps({
+      closeNav: () => {
+        component.setProps({ isOpen: false });
+        onClose();
+      },
+    });
+
+    component.find('[data-test-subj="collapsibleNavGroup-recentlyViewed"] a').simulate('click');
+    expect(onClose.callCount).toEqual(1);
+    expectNavIsClosed(component);
+    component.setProps({ isOpen: true });
+    component.find('[data-test-subj="collapsibleNavGroup-kibana"] a').simulate('click');
+    expect(onClose.callCount).toEqual(2);
+    expectNavIsClosed(component);
+    component.setProps({ isOpen: true });
+    component.find('[data-test-subj="collapsibleNavGroup-noCategory"] a').simulate('click');
+    expect(onClose.callCount).toEqual(3);
+    expectNavIsClosed(component);
+  });
+});
diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index 6cb90ff7f77ca..e8af6160aae1a 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -196,9 +196,7 @@ export function CollapsibleNav({
               return {
                 ...hydratedLink,
                 'data-test-subj': 'collapsibleNavAppLink--recent',
-                onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
-                  closeNav();
-                },
+                onClick: closeNav,
               };
             })}
             maxWidth="none"
@@ -252,7 +250,7 @@ export function CollapsibleNav({
 
         {/* Things with no category (largely for custom plugins) */}
         {unknowns.map((link, i) => (
-          <EuiCollapsibleNavGroup key={i}>
+          <EuiCollapsibleNavGroup data-test-subj={`collapsibleNavGroup-noCategory`} key={i}>
             <EuiListGroup flush>
               <EuiListGroupItem color="text" size="s" {...readyForEUI(link, true)} />
             </EuiListGroup>
diff --git a/src/core/public/chrome/ui/header/header.test.tsx b/src/core/public/chrome/ui/header/header.test.tsx
index 7784a790dc0ee..9709a055e5b19 100644
--- a/src/core/public/chrome/ui/header/header.test.tsx
+++ b/src/core/public/chrome/ui/header/header.test.tsx
@@ -17,38 +17,46 @@
  * under the License.
  */
 
-// import { mount } from 'enzyme';
-// import React from 'react';
-// import { Header } from './header';
+import React from 'react';
+import { BehaviorSubject } from 'rxjs';
+import { NavType } from '.';
+import { httpServiceMock } from '../../../http/http_service.mock';
+import { applicationServiceMock } from '../../../mocks';
+import { Header } from './header';
+import { mountWithIntl } from 'test_utils/enzyme_helpers';
 
-// function mockProps() {
-//   return {
-//     kibanaVersion: '1.0.0',
-//     // application: InternalApplicationStart,
-//     // appTitle$: Rx.Observable<string>,
-//     // badge$: Rx.Observable<ChromeBadge | undefined>,
-//     // breadcrumbs$: Rx.Observable<ChromeBreadcrumb[]>,
-//     // homeHref: string,
-//     // isVisible$: Rx.Observable<boolean>,
-//     // kibanaDocLink: string,
-//     // navLinks$: Rx.Observable<ChromeNavLink[]>,
-//     // recentlyAccessed$: Rx.Observable<ChromeRecentlyAccessedHistoryItem[]>,
-//     // forceAppSwitcherNavigation$: Rx.Observable<boolean>,
-//     // helpExtension$: Rx.Observable<ChromeHelpExtension | undefined>,
-//     // helpSupportUrl$: Rx.Observable<string>,
-//     // legacyMode: boolean,
-//     // navControlsLeft$: Rx.Observable<readonly ChromeNavControl[]>,
-//     // navControlsRight$: Rx.Observable<readonly ChromeNavControl[]>,
-//     // basePath: HttpStart['basePath'],
-//     // isLocked$: Rx.Observable<boolean>,
-//     // navType$: Rx.Observable<NavType>,
-//     // onIsLockedUpdate: OnIsLockedUpdate,
-//   };
-// }
+function mockProps() {
+  const http = httpServiceMock.createSetupContract({ basePath: '/test' });
+  const application = applicationServiceMock.createInternalStartContract();
+
+  return {
+    application,
+    kibanaVersion: '1.0.0',
+    appTitle$: new BehaviorSubject('test'),
+    badge$: new BehaviorSubject(undefined),
+    breadcrumbs$: new BehaviorSubject([]),
+    homeHref: '/',
+    isVisible$: new BehaviorSubject(true),
+    kibanaDocLink: '/docs',
+    navLinks$: new BehaviorSubject([]),
+    recentlyAccessed$: new BehaviorSubject([]),
+    forceAppSwitcherNavigation$: new BehaviorSubject(false),
+    helpExtension$: new BehaviorSubject(undefined),
+    helpSupportUrl$: new BehaviorSubject(''),
+    legacyMode: false,
+    navControlsLeft$: new BehaviorSubject([]),
+    navControlsRight$: new BehaviorSubject([]),
+    basePath: http.basePath,
+    isLocked$: new BehaviorSubject(false),
+    navType$: new BehaviorSubject('modern' as NavType),
+    loadingCount$: new BehaviorSubject(0),
+    onIsLockedUpdate: () => {},
+  };
+}
 
 // describe('Header', () => {
 //   it('renders an empty header', () => {
-//     const component = mount(<Header {...mockProps()} kibanaVersion="" />);
+//     const component = mountWithIntl(<Header {...mockProps()} />);
 //     expect(component).toMatchSnapshot();
 //   });
 // });
diff --git a/src/core/public/chrome/ui/header/header_breadcrumbs.test.tsx b/src/core/public/chrome/ui/header/header_breadcrumbs.test.tsx
index 0398f162f9af9..f0af4d2b01a94 100644
--- a/src/core/public/chrome/ui/header/header_breadcrumbs.test.tsx
+++ b/src/core/public/chrome/ui/header/header_breadcrumbs.test.tsx
@@ -19,26 +19,23 @@
 
 import { mount } from 'enzyme';
 import React from 'react';
-import * as Rx from 'rxjs';
-
-import { ChromeBreadcrumb } from '../../chrome_service';
+import { BehaviorSubject } from 'rxjs';
 import { HeaderBreadcrumbs } from './header_breadcrumbs';
+import { act } from 'react-dom/test-utils';
 
 describe('HeaderBreadcrumbs', () => {
   it('renders updates to the breadcrumbs$ observable', () => {
-    const breadcrumbs$ = new Rx.Subject<ChromeBreadcrumb[]>();
-    const wrapper = mount(<HeaderBreadcrumbs breadcrumbs$={breadcrumbs$} />);
-
-    breadcrumbs$.next([{ text: 'First' }]);
-    // Unfortunately, enzyme won't update the wrapper until we call update.
-    wrapper.update();
+    const breadcrumbs$ = new BehaviorSubject([{ text: 'First' }]);
+    const wrapper = mount(
+      <HeaderBreadcrumbs appTitle$={new BehaviorSubject('')} breadcrumbs$={breadcrumbs$} />
+    );
     expect(wrapper.find('.euiBreadcrumb')).toMatchSnapshot();
 
-    breadcrumbs$.next([{ text: 'First' }, { text: 'Second' }]);
+    act(() => breadcrumbs$.next([{ text: 'First' }, { text: 'Second' }]));
     wrapper.update();
     expect(wrapper.find('.euiBreadcrumb')).toMatchSnapshot();
 
-    breadcrumbs$.next([]);
+    act(() => breadcrumbs$.next([]));
     wrapper.update();
     expect(wrapper.find('.euiBreadcrumb')).toMatchSnapshot();
   });
diff --git a/src/core/public/chrome/ui/header/nav_link.tsx b/src/core/public/chrome/ui/header/nav_link.tsx
index 468e33bd9d954..c56d799238a49 100644
--- a/src/core/public/chrome/ui/header/nav_link.tsx
+++ b/src/core/public/chrome/ui/header/nav_link.tsx
@@ -47,7 +47,7 @@ export function createEuiListItem({
   legacyMode,
   appId,
   basePath,
-  onClick,
+  onClick = () => {},
   navigateToApp,
   dataTestSubj,
 }: Props) {
@@ -58,6 +58,7 @@ export function createEuiListItem({
     href,
     /* Use href and onClick to support "open in new tab" and SPA navigation in the same link */
     onClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {
+      onClick();
       if (
         !legacyMode && // ignore when in legacy mode
         !legacy && // ignore links to legacy apps
@@ -67,9 +68,6 @@ export function createEuiListItem({
       ) {
         event.preventDefault();
         navigateToApp(id);
-        if (onClick) {
-          onClick();
-        }
       }
     },
     // Legacy apps use `active` property, NP apps should match the current app

From a94ae19461c3555fb44a7d494af05676b8b23b0b Mon Sep 17 00:00:00 2001
From: Michail Yasonik <michail.yasonik@elastic.co>
Date: Tue, 19 May 2020 20:26:46 -0400
Subject: [PATCH 03/11] api update

---
 .../kibana-plugin-core-public.chromenavlink.euiicontype.md  | 2 +-
 .../core/public/kibana-plugin-core-public.chromenavlink.md  | 3 ++-
 ...bana-plugin-core-public.chromenavlinkupdateablefields.md | 2 +-
 .../kibana-plugin-plugins-data-public.querystringinput.md   | 2 +-
 .../public/kibana-plugin-plugins-data-public.searchbar.md   | 4 ++--
 src/core/public/public.api.md                               | 3 ++-
 src/plugins/data/public/public.api.md                       | 6 +++---
 7 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/docs/development/core/public/kibana-plugin-core-public.chromenavlink.euiicontype.md b/docs/development/core/public/kibana-plugin-core-public.chromenavlink.euiicontype.md
index fe95cb38cd97c..e30e8262f40b2 100644
--- a/docs/development/core/public/kibana-plugin-core-public.chromenavlink.euiicontype.md
+++ b/docs/development/core/public/kibana-plugin-core-public.chromenavlink.euiicontype.md
@@ -4,7 +4,7 @@
 
 ## ChromeNavLink.euiIconType property
 
-A EUI iconType that will be used for the app's icon. This icon takes precendence over the `icon` property.
+A EUI iconType that will be used for the app's icon. This icon takes precedence over the `icon` property.
 
 <b>Signature:</b>
 
diff --git a/docs/development/core/public/kibana-plugin-core-public.chromenavlink.md b/docs/development/core/public/kibana-plugin-core-public.chromenavlink.md
index a9fabb38df869..0349e865bff97 100644
--- a/docs/development/core/public/kibana-plugin-core-public.chromenavlink.md
+++ b/docs/development/core/public/kibana-plugin-core-public.chromenavlink.md
@@ -20,8 +20,9 @@ export interface ChromeNavLink
 |  [category](./kibana-plugin-core-public.chromenavlink.category.md) | <code>AppCategory</code> | The category the app lives in |
 |  [disabled](./kibana-plugin-core-public.chromenavlink.disabled.md) | <code>boolean</code> | Disables a link from being clickable. |
 |  [disableSubUrlTracking](./kibana-plugin-core-public.chromenavlink.disablesuburltracking.md) | <code>boolean</code> | A flag that tells legacy chrome to ignore the link when tracking sub-urls |
-|  [euiIconType](./kibana-plugin-core-public.chromenavlink.euiicontype.md) | <code>string</code> | A EUI iconType that will be used for the app's icon. This icon takes precendence over the <code>icon</code> property. |
+|  [euiIconType](./kibana-plugin-core-public.chromenavlink.euiicontype.md) | <code>string</code> | A EUI iconType that will be used for the app's icon. This icon takes precedence over the <code>icon</code> property. |
 |  [hidden](./kibana-plugin-core-public.chromenavlink.hidden.md) | <code>boolean</code> | Hides a link from the navigation. |
+|  [href](./kibana-plugin-core-public.chromenavlink.href.md) | <code>string</code> | Settled state between <code>url</code>, <code>baseUrl</code>, and <code>active</code> |
 |  [icon](./kibana-plugin-core-public.chromenavlink.icon.md) | <code>string</code> | A URL to an image file used as an icon. Used as a fallback if <code>euiIconType</code> is not provided. |
 |  [id](./kibana-plugin-core-public.chromenavlink.id.md) | <code>string</code> | A unique identifier for looking up links. |
 |  [linkToLastSubUrl](./kibana-plugin-core-public.chromenavlink.linktolastsuburl.md) | <code>boolean</code> | Whether or not the subUrl feature should be enabled. |
diff --git a/docs/development/core/public/kibana-plugin-core-public.chromenavlinkupdateablefields.md b/docs/development/core/public/kibana-plugin-core-public.chromenavlinkupdateablefields.md
index 7f6dc7e0d5640..bd5a1399cded7 100644
--- a/docs/development/core/public/kibana-plugin-core-public.chromenavlinkupdateablefields.md
+++ b/docs/development/core/public/kibana-plugin-core-public.chromenavlinkupdateablefields.md
@@ -8,5 +8,5 @@
 <b>Signature:</b>
 
 ```typescript
-export declare type ChromeNavLinkUpdateableFields = Partial<Pick<ChromeNavLink, 'active' | 'disabled' | 'hidden' | 'url' | 'subUrlBase'>>;
+export declare type ChromeNavLinkUpdateableFields = Partial<Pick<ChromeNavLink, 'active' | 'disabled' | 'hidden' | 'url' | 'subUrlBase' | 'href'>>;
 ```
diff --git a/docs/development/plugins/data/public/kibana-plugin-plugins-data-public.querystringinput.md b/docs/development/plugins/data/public/kibana-plugin-plugins-data-public.querystringinput.md
index 58690300b3bd6..85eb4825bc2e3 100644
--- a/docs/development/plugins/data/public/kibana-plugin-plugins-data-public.querystringinput.md
+++ b/docs/development/plugins/data/public/kibana-plugin-plugins-data-public.querystringinput.md
@@ -7,5 +7,5 @@
 <b>Signature:</b>
 
 ```typescript
-QueryStringInput: React.FC<Pick<Props, "query" | "placeholder" | "onChange" | "onSubmit" | "prepend" | "indexPatterns" | "screenTitle" | "dataTestSubj" | "disableAutoFocus" | "persistedLog" | "bubbleSubmitEvent" | "languageSwitcherPopoverAnchorPosition">>
+QueryStringInput: React.FC<Pick<Props, "query" | "placeholder" | "onChange" | "onSubmit" | "prepend" | "indexPatterns" | "dataTestSubj" | "screenTitle" | "disableAutoFocus" | "persistedLog" | "bubbleSubmitEvent" | "languageSwitcherPopoverAnchorPosition">>
 ```
diff --git a/docs/development/plugins/data/public/kibana-plugin-plugins-data-public.searchbar.md b/docs/development/plugins/data/public/kibana-plugin-plugins-data-public.searchbar.md
index 0d5e0e42af27f..a32acae73f5ed 100644
--- a/docs/development/plugins/data/public/kibana-plugin-plugins-data-public.searchbar.md
+++ b/docs/development/plugins/data/public/kibana-plugin-plugins-data-public.searchbar.md
@@ -7,7 +7,7 @@
 <b>Signature:</b>
 
 ```typescript
-SearchBar: React.ComponentClass<Pick<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, "query" | "isLoading" | "filters" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, any> & {
-    WrappedComponent: React.ComponentType<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange"> & ReactIntl.InjectedIntlProps>;
+SearchBar: React.ComponentClass<Pick<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "dataTestSubj" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, "query" | "isLoading" | "filters" | "indexPatterns" | "dataTestSubj" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, any> & {
+    WrappedComponent: React.ComponentType<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "dataTestSubj" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange"> & ReactIntl.InjectedIntlProps>;
 }
 ```
diff --git a/src/core/public/public.api.md b/src/core/public/public.api.md
index 225ef611c0298..02017b22c0285 100644
--- a/src/core/public/public.api.md
+++ b/src/core/public/public.api.md
@@ -285,6 +285,7 @@ export interface ChromeNavLink {
     readonly disableSubUrlTracking?: boolean;
     readonly euiIconType?: string;
     readonly hidden?: boolean;
+    readonly href?: string;
     readonly icon?: string;
     readonly id: string;
     // @internal
@@ -313,7 +314,7 @@ export interface ChromeNavLinks {
 }
 
 // @public (undocumented)
-export type ChromeNavLinkUpdateableFields = Partial<Pick<ChromeNavLink, 'active' | 'disabled' | 'hidden' | 'url' | 'subUrlBase'>>;
+export type ChromeNavLinkUpdateableFields = Partial<Pick<ChromeNavLink, 'active' | 'disabled' | 'hidden' | 'url' | 'subUrlBase' | 'href'>>;
 
 // @public
 export interface ChromeRecentlyAccessed {
diff --git a/src/plugins/data/public/public.api.md b/src/plugins/data/public/public.api.md
index e157d2ac6a522..23fa1dd001f39 100644
--- a/src/plugins/data/public/public.api.md
+++ b/src/plugins/data/public/public.api.md
@@ -1364,7 +1364,7 @@ export interface QueryState {
 // Warning: (ae-missing-release-tag) "QueryStringInput" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
 // @public (undocumented)
-export const QueryStringInput: React.FC<Pick<Props_3, "query" | "placeholder" | "onChange" | "onSubmit" | "prepend" | "indexPatterns" | "screenTitle" | "dataTestSubj" | "disableAutoFocus" | "persistedLog" | "bubbleSubmitEvent" | "languageSwitcherPopoverAnchorPosition">>;
+export const QueryStringInput: React.FC<Pick<Props_3, "query" | "placeholder" | "onChange" | "onSubmit" | "prepend" | "indexPatterns" | "dataTestSubj" | "screenTitle" | "disableAutoFocus" | "persistedLog" | "bubbleSubmitEvent" | "languageSwitcherPopoverAnchorPosition">>;
 
 // @public (undocumented)
 export type QuerySuggestion = QuerySuggestionBasic | QuerySuggestionField;
@@ -1576,8 +1576,8 @@ export const search: {
 // Warning: (ae-missing-release-tag) "SearchBar" is exported by the package, but it is missing a release tag (@alpha, @beta, @public, or @internal)
 //
 // @public (undocumented)
-export const SearchBar: React.ComponentClass<Pick<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, "query" | "isLoading" | "filters" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, any> & {
-    WrappedComponent: React.ComponentType<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "dataTestSubj" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange"> & ReactIntl.InjectedIntlProps>;
+export const SearchBar: React.ComponentClass<Pick<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "dataTestSubj" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, "query" | "isLoading" | "filters" | "indexPatterns" | "dataTestSubj" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange">, any> & {
+    WrappedComponent: React.ComponentType<Pick<SearchBarProps, "query" | "isLoading" | "filters" | "intl" | "indexPatterns" | "dataTestSubj" | "refreshInterval" | "customSubmitButton" | "screenTitle" | "showQueryBar" | "showQueryInput" | "showFilterBar" | "showDatePicker" | "showAutoRefreshOnly" | "isRefreshPaused" | "dateRangeFrom" | "dateRangeTo" | "showSaveQuery" | "savedQuery" | "onQueryChange" | "onQuerySubmit" | "onSaved" | "onSavedQueryUpdated" | "onClearSavedQuery" | "onRefresh" | "timeHistory" | "onFiltersUpdated" | "onRefreshChange"> & ReactIntl.InjectedIntlProps>;
 };
 
 // Warning: (ae-forgotten-export) The symbol "SearchBarOwnProps" needs to be exported by the entry point index.d.ts

From 196639b694b2b9ece96c7d681196ef02198b05ab Mon Sep 17 00:00:00 2001
From: Michail Yasonik <michail.yasonik@elastic.co>
Date: Wed, 20 May 2020 12:09:16 -0400
Subject: [PATCH 04/11] finishing up tests, fixing PR feedback...

---
 ...a-plugin-core-public.chromenavlink.href.md |    13 +
 .../application/application_service.mock.ts   |     1 -
 .../header/__snapshots__/header.test.tsx.snap | 14265 ++++++++++++++++
 .../chrome/ui/header/collapsible_nav.tsx      |    10 +-
 .../public/chrome/ui/header/header.test.tsx   |    65 +-
 src/core/public/chrome/ui/header/header.tsx   |    30 +-
 .../ui/header/header_breadcrumbs.test.tsx     |     2 +-
 .../chrome/ui/header/header_breadcrumbs.tsx   |     9 +-
 .../public/chrome/ui/header/header_logo.tsx   |    12 +-
 .../chrome/ui/header/header_nav_controls.tsx  |     6 +-
 .../public/chrome/ui/header/nav_drawer.tsx    |    20 +-
 src/core/public/chrome/ui/header/nav_link.tsx |     6 +-
 .../server/legacy/plugins/get_nav_links.ts    |     2 -
 src/core/server/legacy/types.ts               |     2 +-
 14 files changed, 14384 insertions(+), 59 deletions(-)
 create mode 100644 docs/development/core/public/kibana-plugin-core-public.chromenavlink.href.md
 create mode 100644 src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap

diff --git a/docs/development/core/public/kibana-plugin-core-public.chromenavlink.href.md b/docs/development/core/public/kibana-plugin-core-public.chromenavlink.href.md
new file mode 100644
index 0000000000000..a8af0c997ca78
--- /dev/null
+++ b/docs/development/core/public/kibana-plugin-core-public.chromenavlink.href.md
@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [kibana-plugin-core-public](./kibana-plugin-core-public.md) &gt; [ChromeNavLink](./kibana-plugin-core-public.chromenavlink.md) &gt; [href](./kibana-plugin-core-public.chromenavlink.href.md)
+
+## ChromeNavLink.href property
+
+Settled state between `url`<!-- -->, `baseUrl`<!-- -->, and `active`
+
+<b>Signature:</b>
+
+```typescript
+readonly href?: string;
+```
diff --git a/src/core/public/application/application_service.mock.ts b/src/core/public/application/application_service.mock.ts
index 6e2af915713c9..d2a827d381be5 100644
--- a/src/core/public/application/application_service.mock.ts
+++ b/src/core/public/application/application_service.mock.ts
@@ -34,7 +34,6 @@ const createSetupContractMock = (): jest.Mocked<ApplicationSetup> => ({
   register: jest.fn(),
   registerAppUpdater: jest.fn(),
   registerMountContext: jest.fn(),
-  getComponent: jest.fn().mockImplementation(() => null),
 });
 
 const createInternalSetupContractMock = (): jest.Mocked<InternalApplicationSetup> => ({
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
new file mode 100644
index 0000000000000..9473f3c38e714
--- /dev/null
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -0,0 +1,14265 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Header renders 1`] = `
+<Header
+  appTitle$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  application={
+    Object {
+      "applications$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": Map {},
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "capabilities": Object {
+        "catalogue": Object {},
+        "management": Object {},
+        "navLinks": Object {},
+      },
+      "currentAppId$": Observable {
+        "_isScalar": false,
+        "source": Subject {
+          "_isScalar": false,
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [],
+          "thrownError": null,
+        },
+      },
+      "getComponent": [MockFunction],
+      "getUrlForApp": [MockFunction],
+      "navigateToApp": [MockFunction],
+      "registerMountContext": [MockFunction],
+    }
+  }
+  badge$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "get": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  breadcrumbs$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "text": "test",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  forceAppSwitcherNavigation$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  helpExtension$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  helpSupportUrl$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  homeHref="/"
+  intl={
+    Object {
+      "defaultFormats": Object {},
+      "defaultLocale": "en",
+      "formatDate": [Function],
+      "formatHTMLMessage": [Function],
+      "formatMessage": [Function],
+      "formatNumber": [Function],
+      "formatPlural": [Function],
+      "formatRelative": [Function],
+      "formatTime": [Function],
+      "formats": Object {
+        "date": Object {
+          "full": Object {
+            "day": "numeric",
+            "month": "long",
+            "weekday": "long",
+            "year": "numeric",
+          },
+          "long": Object {
+            "day": "numeric",
+            "month": "long",
+            "year": "numeric",
+          },
+          "medium": Object {
+            "day": "numeric",
+            "month": "short",
+            "year": "numeric",
+          },
+          "short": Object {
+            "day": "numeric",
+            "month": "numeric",
+            "year": "2-digit",
+          },
+        },
+        "number": Object {
+          "currency": Object {
+            "style": "currency",
+          },
+          "percent": Object {
+            "style": "percent",
+          },
+        },
+        "relative": Object {
+          "days": Object {
+            "units": "day",
+          },
+          "hours": Object {
+            "units": "hour",
+          },
+          "minutes": Object {
+            "units": "minute",
+          },
+          "months": Object {
+            "units": "month",
+          },
+          "seconds": Object {
+            "units": "second",
+          },
+          "years": Object {
+            "units": "year",
+          },
+        },
+        "time": Object {
+          "full": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "long": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "medium": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+          },
+          "short": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+          },
+        },
+      },
+      "formatters": Object {
+        "getDateTimeFormat": [Function],
+        "getMessageFormat": [Function],
+        "getNumberFormat": [Function],
+        "getPluralFormat": [Function],
+        "getRelativeFormat": [Function],
+      },
+      "locale": "en",
+      "messages": Object {},
+      "now": [Function],
+      "onError": [Function],
+      "textComponent": Symbol(react.fragment),
+      "timeZone": null,
+    }
+  }
+  isLocked$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  isVisible$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  kibanaDocLink="/docs"
+  kibanaVersion="1.0.0"
+  legacyMode={false}
+  loadingCount$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": 0,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsLeft$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navControlsRight$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navLinks$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "baseUrl": "",
+          "id": "kibana",
+          "legacy": false,
+          "title": "kibana",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+  navType$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "modern",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  onIsLockedUpdate={[Function]}
+  recentlyAccessed$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "id": "dashboard",
+          "label": "dashboard",
+          "link": "",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [],
+      "thrownError": null,
+    }
+  }
+>
+  <LoadingIndicator
+    loadingCount$={
+      BehaviorSubject {
+        "_isScalar": false,
+        "_value": 0,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      }
+    }
+  >
+    <div
+      className="kbnLoadingIndicator hidden"
+      data-test-subj="globalLoadingIndicator-hidden"
+    >
+      <div
+        className="kbnLoadingIndicator__bar essentialAnimation"
+      />
+    </div>
+  </LoadingIndicator>
+</Header>
+`;
+
+exports[`Header renders 2`] = `
+<Header
+  appTitle$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  application={
+    Object {
+      "applications$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": Map {},
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "capabilities": Object {
+        "catalogue": Object {},
+        "management": Object {},
+        "navLinks": Object {},
+      },
+      "currentAppId$": Observable {
+        "_isScalar": false,
+        "source": Subject {
+          "_isScalar": false,
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        },
+      },
+      "getComponent": [MockFunction],
+      "getUrlForApp": [MockFunction],
+      "navigateToApp": [MockFunction],
+      "registerMountContext": [MockFunction],
+    }
+  }
+  badge$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "get": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  breadcrumbs$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "text": "test",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  forceAppSwitcherNavigation$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  helpExtension$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        InnerSubscriber {
+          "_parentOrParents": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              [Circular],
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 1,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": "",
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              [Circular],
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": "",
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 1,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": Object {
+            "closed": true,
+            "complete": [Function],
+            "error": [Function],
+            "next": [Function],
+          },
+          "index": 1,
+          "isStopped": false,
+          "outerIndex": 0,
+          "outerValue": [Circular],
+          "parent": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              [Circular],
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 1,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": "",
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              [Circular],
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": "",
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 1,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "syncErrorThrowable": false,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  helpSupportUrl$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        InnerSubscriber {
+          "_parentOrParents": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 0,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": undefined,
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              [Circular],
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": undefined,
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 0,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+              [Circular],
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": Object {
+            "closed": true,
+            "complete": [Function],
+            "error": [Function],
+            "next": [Function],
+          },
+          "index": 1,
+          "isStopped": false,
+          "outerIndex": 1,
+          "outerValue": [Circular],
+          "parent": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 0,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": undefined,
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              [Circular],
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": undefined,
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 0,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+              [Circular],
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "syncErrorThrowable": false,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  homeHref="/"
+  intl={
+    Object {
+      "defaultFormats": Object {},
+      "defaultLocale": "en",
+      "formatDate": [Function],
+      "formatHTMLMessage": [Function],
+      "formatMessage": [Function],
+      "formatNumber": [Function],
+      "formatPlural": [Function],
+      "formatRelative": [Function],
+      "formatTime": [Function],
+      "formats": Object {
+        "date": Object {
+          "full": Object {
+            "day": "numeric",
+            "month": "long",
+            "weekday": "long",
+            "year": "numeric",
+          },
+          "long": Object {
+            "day": "numeric",
+            "month": "long",
+            "year": "numeric",
+          },
+          "medium": Object {
+            "day": "numeric",
+            "month": "short",
+            "year": "numeric",
+          },
+          "short": Object {
+            "day": "numeric",
+            "month": "numeric",
+            "year": "2-digit",
+          },
+        },
+        "number": Object {
+          "currency": Object {
+            "style": "currency",
+          },
+          "percent": Object {
+            "style": "percent",
+          },
+        },
+        "relative": Object {
+          "days": Object {
+            "units": "day",
+          },
+          "hours": Object {
+            "units": "hour",
+          },
+          "minutes": Object {
+            "units": "minute",
+          },
+          "months": Object {
+            "units": "month",
+          },
+          "seconds": Object {
+            "units": "second",
+          },
+          "years": Object {
+            "units": "year",
+          },
+        },
+        "time": Object {
+          "full": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "long": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "medium": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+          },
+          "short": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+          },
+        },
+      },
+      "formatters": Object {
+        "getDateTimeFormat": [Function],
+        "getMessageFormat": [Function],
+        "getNumberFormat": [Function],
+        "getPluralFormat": [Function],
+        "getRelativeFormat": [Function],
+      },
+      "locale": "en",
+      "messages": Object {},
+      "now": [Function],
+      "onError": [Function],
+      "textComponent": Symbol(react.fragment),
+      "timeZone": null,
+    }
+  }
+  isLocked$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  isVisible$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": true,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  kibanaDocLink="/docs"
+  kibanaVersion="1.0.0"
+  legacyMode={false}
+  loadingCount$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": 0,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsLeft$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsRight$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navLinks$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "baseUrl": "",
+          "id": "kibana",
+          "legacy": false,
+          "title": "kibana",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navType$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "modern",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  onIsLockedUpdate={[Function]}
+  recentlyAccessed$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "id": "dashboard",
+          "label": "dashboard",
+          "link": "",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+>
+  <LoadingIndicator
+    loadingCount$={
+      BehaviorSubject {
+        "_isScalar": false,
+        "_value": 0,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      }
+    }
+  >
+    <div
+      className="kbnLoadingIndicator hidden"
+      data-test-subj="globalLoadingIndicator-hidden"
+    >
+      <div
+        className="kbnLoadingIndicator__bar essentialAnimation"
+      />
+    </div>
+  </LoadingIndicator>
+  <header
+    className="chrHeaderWrapper hide-for-sharing headerWrapper"
+    data-test-subj="headerGlobalNav"
+  >
+    <EuiHeader
+      position="fixed"
+    >
+      <div
+        className="euiHeader euiHeader--fixed"
+      >
+        <EuiHeaderSection
+          grow={false}
+        >
+          <div
+            className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
+          >
+            <EuiHeaderSectionItem
+              border="right"
+              className="header__toggleNavButtonSection"
+            >
+              <div
+                className="euiHeaderSectionItem euiHeaderSectionItem--borderRight header__toggleNavButtonSection"
+              >
+                <ForwardRef
+                  aria-controls="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+                  aria-expanded={false}
+                  aria-label="Toggle primary navigation"
+                  aria-pressed={false}
+                  data-test-subj="toggleNavButton"
+                  onClick={[Function]}
+                >
+                  <button
+                    aria-controls="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+                    aria-expanded={false}
+                    aria-label="Toggle primary navigation"
+                    aria-pressed={false}
+                    className="euiHeaderSectionItem__button"
+                    data-test-subj="toggleNavButton"
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    <EuiIcon
+                      size="m"
+                      type="menu"
+                    >
+                      <div
+                        data-euiicon-type="menu"
+                        size="m"
+                      />
+                    </EuiIcon>
+                  </button>
+                </ForwardRef>
+              </div>
+            </EuiHeaderSectionItem>
+            <EuiHeaderSectionItem
+              border="right"
+            >
+              <div
+                className="euiHeaderSectionItem euiHeaderSectionItem--borderRight"
+              >
+                <HeaderLogo
+                  forceNavigation$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": false,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  href="/"
+                  navLinks$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": Array [
+                        Object {
+                          "baseUrl": "",
+                          "id": "kibana",
+                          "legacy": false,
+                          "title": "kibana",
+                        },
+                      ],
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  navigateToApp={[MockFunction]}
+                >
+                  <EuiHeaderLogo
+                    aria-label="Go to home page"
+                    data-test-subj="logo"
+                    href="/"
+                    iconType="logoElastic"
+                    onClick={[Function]}
+                  >
+                    <a
+                      aria-label="Go to home page"
+                      className="euiHeaderLogo"
+                      data-test-subj="logo"
+                      href="/"
+                      onClick={[Function]}
+                    >
+                      <EuiIcon
+                        aria-label="Elastic"
+                        className="euiHeaderLogo__icon"
+                        size="l"
+                        type="logoElastic"
+                      >
+                        <div
+                          aria-label="Elastic"
+                          className="euiHeaderLogo__icon"
+                          data-euiicon-type="logoElastic"
+                          size="l"
+                        />
+                      </EuiIcon>
+                    </a>
+                  </EuiHeaderLogo>
+                </HeaderLogo>
+              </div>
+            </EuiHeaderSectionItem>
+            <HeaderNavControls
+              navControls$={
+                BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": Array [],
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              side="left"
+            />
+          </div>
+        </EuiHeaderSection>
+        <HeaderBreadcrumbs
+          appTitle$={
+            BehaviorSubject {
+              "_isScalar": false,
+              "_value": "test",
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [
+                Subscriber {
+                  "_parentOrParents": null,
+                  "_subscriptions": Array [
+                    SubjectSubscription {
+                      "_parentOrParents": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "subject": [Circular],
+                      "subscriber": [Circular],
+                    },
+                  ],
+                  "closed": false,
+                  "destination": SafeSubscriber {
+                    "_complete": undefined,
+                    "_context": [Circular],
+                    "_error": undefined,
+                    "_next": [Function],
+                    "_parentOrParents": null,
+                    "_parentSubscriber": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": true,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+              ],
+              "thrownError": null,
+            }
+          }
+          breadcrumbs$={
+            BehaviorSubject {
+              "_isScalar": false,
+              "_value": Array [
+                Object {
+                  "text": "test",
+                },
+              ],
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [
+                Subscriber {
+                  "_parentOrParents": null,
+                  "_subscriptions": Array [
+                    SubjectSubscription {
+                      "_parentOrParents": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "subject": [Circular],
+                      "subscriber": [Circular],
+                    },
+                  ],
+                  "closed": false,
+                  "destination": SafeSubscriber {
+                    "_complete": undefined,
+                    "_context": [Circular],
+                    "_error": undefined,
+                    "_next": [Function],
+                    "_parentOrParents": null,
+                    "_parentSubscriber": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": true,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+              ],
+              "thrownError": null,
+            }
+          }
+        >
+          <EuiHeaderBreadcrumbs
+            breadcrumbs={
+              Array [
+                Object {
+                  "data-test-subj": "breadcrumb first last",
+                  "text": "test",
+                },
+              ]
+            }
+            data-test-subj="breadcrumbs"
+            max={10}
+          >
+            <EuiBreadcrumbs
+              breadcrumbs={
+                Array [
+                  Object {
+                    "data-test-subj": "breadcrumb first last",
+                    "text": "test",
+                  },
+                ]
+              }
+              className="euiHeaderBreadcrumbs"
+              data-test-subj="breadcrumbs"
+              max={10}
+              truncate={true}
+            >
+              <nav
+                aria-label="breadcrumb"
+                className="euiBreadcrumbs euiHeaderBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+                data-test-subj="breadcrumbs"
+              >
+                <EuiInnerText>
+                  <span
+                    aria-current="page"
+                    className="euiBreadcrumb euiBreadcrumb--last"
+                    data-test-subj="breadcrumb first last"
+                    title="test"
+                  >
+                    test
+                  </span>
+                </EuiInnerText>
+              </nav>
+            </EuiBreadcrumbs>
+          </EuiHeaderBreadcrumbs>
+        </HeaderBreadcrumbs>
+        <HeaderBadge
+          badge$={
+            BehaviorSubject {
+              "_isScalar": false,
+              "_value": undefined,
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [
+                Subscriber {
+                  "_parentOrParents": null,
+                  "_subscriptions": Array [
+                    SubjectSubscription {
+                      "_parentOrParents": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "subject": [Circular],
+                      "subscriber": [Circular],
+                    },
+                  ],
+                  "closed": false,
+                  "destination": SafeSubscriber {
+                    "_complete": undefined,
+                    "_context": [Circular],
+                    "_error": undefined,
+                    "_next": [Function],
+                    "_parentOrParents": null,
+                    "_parentSubscriber": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": true,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+              ],
+              "thrownError": null,
+            }
+          }
+        />
+        <EuiHeaderSection
+          side="right"
+        >
+          <div
+            className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--right"
+          >
+            <EuiHeaderSectionItem>
+              <div
+                className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
+              >
+                <InjectIntl(HeaderHelpMenuUI)
+                  helpExtension$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        InnerSubscriber {
+                          "_parentOrParents": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              [Circular],
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": "",
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 1,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              [Circular],
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": "",
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 1,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "index": 1,
+                          "isStopped": false,
+                          "outerIndex": 0,
+                          "outerValue": [Circular],
+                          "parent": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              [Circular],
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": "",
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 1,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              [Circular],
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": "",
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 1,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  helpSupportUrl$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        InnerSubscriber {
+                          "_parentOrParents": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": undefined,
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 0,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              [Circular],
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": undefined,
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 0,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                              [Circular],
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "index": 1,
+                          "isStopped": false,
+                          "outerIndex": 1,
+                          "outerValue": [Circular],
+                          "parent": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": undefined,
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 0,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              [Circular],
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": undefined,
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 0,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                              [Circular],
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  kibanaDocLink="/docs"
+                  kibanaVersion="1.0.0"
+                  useDefaultContent={true}
+                >
+                  <HeaderHelpMenuUI
+                    helpExtension$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": undefined,
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          InnerSubscriber {
+                            "_parentOrParents": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                [Circular],
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": "",
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 1,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": "",
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                [Circular],
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 1,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "index": 1,
+                            "isStopped": false,
+                            "outerIndex": 0,
+                            "outerValue": [Circular],
+                            "parent": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                [Circular],
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": "",
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 1,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": "",
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                [Circular],
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 1,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    helpSupportUrl$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": "",
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          InnerSubscriber {
+                            "_parentOrParents": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": undefined,
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 0,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": undefined,
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                [Circular],
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 0,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                                [Circular],
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "index": 1,
+                            "isStopped": false,
+                            "outerIndex": 1,
+                            "outerValue": [Circular],
+                            "parent": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": undefined,
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 0,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": undefined,
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                [Circular],
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 0,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                                [Circular],
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    intl={
+                      Object {
+                        "defaultFormats": Object {},
+                        "defaultLocale": "en",
+                        "formatDate": [Function],
+                        "formatHTMLMessage": [Function],
+                        "formatMessage": [Function],
+                        "formatNumber": [Function],
+                        "formatPlural": [Function],
+                        "formatRelative": [Function],
+                        "formatTime": [Function],
+                        "formats": Object {
+                          "date": Object {
+                            "full": Object {
+                              "day": "numeric",
+                              "month": "long",
+                              "weekday": "long",
+                              "year": "numeric",
+                            },
+                            "long": Object {
+                              "day": "numeric",
+                              "month": "long",
+                              "year": "numeric",
+                            },
+                            "medium": Object {
+                              "day": "numeric",
+                              "month": "short",
+                              "year": "numeric",
+                            },
+                            "short": Object {
+                              "day": "numeric",
+                              "month": "numeric",
+                              "year": "2-digit",
+                            },
+                          },
+                          "number": Object {
+                            "currency": Object {
+                              "style": "currency",
+                            },
+                            "percent": Object {
+                              "style": "percent",
+                            },
+                          },
+                          "relative": Object {
+                            "days": Object {
+                              "units": "day",
+                            },
+                            "hours": Object {
+                              "units": "hour",
+                            },
+                            "minutes": Object {
+                              "units": "minute",
+                            },
+                            "months": Object {
+                              "units": "month",
+                            },
+                            "seconds": Object {
+                              "units": "second",
+                            },
+                            "years": Object {
+                              "units": "year",
+                            },
+                          },
+                          "time": Object {
+                            "full": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                              "second": "numeric",
+                              "timeZoneName": "short",
+                            },
+                            "long": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                              "second": "numeric",
+                              "timeZoneName": "short",
+                            },
+                            "medium": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                              "second": "numeric",
+                            },
+                            "short": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                            },
+                          },
+                        },
+                        "formatters": Object {
+                          "getDateTimeFormat": [Function],
+                          "getMessageFormat": [Function],
+                          "getNumberFormat": [Function],
+                          "getPluralFormat": [Function],
+                          "getRelativeFormat": [Function],
+                        },
+                        "locale": "en",
+                        "messages": Object {},
+                        "now": [Function],
+                        "onError": [Function],
+                        "textComponent": Symbol(react.fragment),
+                        "timeZone": null,
+                      }
+                    }
+                    kibanaDocLink="/docs"
+                    kibanaVersion="1.0.0"
+                    useDefaultContent={true}
+                  >
+                    <EuiPopover
+                      anchorPosition="downRight"
+                      button={
+                        <ForwardRef
+                          aria-expanded={false}
+                          aria-haspopup="true"
+                          aria-label="Help menu"
+                          onClick={[Function]}
+                        >
+                          <EuiIcon
+                            size="m"
+                            type="help"
+                          />
+                        </ForwardRef>
+                      }
+                      closePopover={[Function]}
+                      data-test-subj="helpMenuButton"
+                      display="inlineBlock"
+                      hasArrow={true}
+                      id="headerHelpMenu"
+                      isOpen={false}
+                      ownFocus={true}
+                      panelPaddingSize="m"
+                      repositionOnScroll={true}
+                    >
+                      <EuiOutsideClickDetector
+                        isDisabled={true}
+                        onOutsideClick={[Function]}
+                      >
+                        <div
+                          className="euiPopover euiPopover--anchorDownRight"
+                          data-test-subj="helpMenuButton"
+                          id="headerHelpMenu"
+                          onKeyDown={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseUp={[Function]}
+                          onTouchEnd={[Function]}
+                          onTouchStart={[Function]}
+                        >
+                          <div
+                            className="euiPopover__anchor"
+                          >
+                            <ForwardRef
+                              aria-expanded={false}
+                              aria-haspopup="true"
+                              aria-label="Help menu"
+                              onClick={[Function]}
+                            >
+                              <button
+                                aria-expanded={false}
+                                aria-haspopup="true"
+                                aria-label="Help menu"
+                                className="euiHeaderSectionItem__button"
+                                onClick={[Function]}
+                                type="button"
+                              >
+                                <EuiIcon
+                                  size="m"
+                                  type="help"
+                                >
+                                  <div
+                                    data-euiicon-type="help"
+                                    size="m"
+                                  />
+                                </EuiIcon>
+                              </button>
+                            </ForwardRef>
+                          </div>
+                        </div>
+                      </EuiOutsideClickDetector>
+                    </EuiPopover>
+                  </HeaderHelpMenuUI>
+                </InjectIntl(HeaderHelpMenuUI)>
+              </div>
+            </EuiHeaderSectionItem>
+            <HeaderNavControls
+              navControls$={
+                BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": Array [],
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              side="right"
+            />
+          </div>
+        </EuiHeaderSection>
+      </div>
+    </EuiHeader>
+    <CollapsibleNav
+      appId$={
+        Observable {
+          "_isScalar": false,
+          "source": Subject {
+            "_isScalar": false,
+            "closed": false,
+            "hasError": false,
+            "isStopped": false,
+            "observers": Array [
+              Subscriber {
+                "_parentOrParents": null,
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": [Circular],
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": SafeSubscriber {
+                  "_complete": undefined,
+                  "_context": [Circular],
+                  "_error": undefined,
+                  "_next": [Function],
+                  "_parentOrParents": null,
+                  "_parentSubscriber": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "destination": Object {
+                    "closed": true,
+                    "complete": [Function],
+                    "error": [Function],
+                    "next": [Function],
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": false,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+                "isStopped": false,
+                "syncErrorThrowable": true,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "thrownError": null,
+          },
+        }
+      }
+      basePath={
+        BasePath {
+          "basePath": "/test",
+          "get": [Function],
+          "prepend": [Function],
+          "remove": [Function],
+          "serverBasePath": "/test",
+        }
+      }
+      closeNav={[Function]}
+      homeHref="/"
+      id="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+      isLocked={false}
+      isOpen={false}
+      legacyMode={false}
+      navLinks$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [
+            Object {
+              "baseUrl": "",
+              "id": "kibana",
+              "legacy": false,
+              "title": "kibana",
+            },
+          ],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+      navigateToApp={[MockFunction]}
+      onIsLockedUpdate={[Function]}
+      recentlyAccessed$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [
+            Object {
+              "id": "dashboard",
+              "label": "dashboard",
+              "link": "",
+            },
+          ],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+    >
+      <EuiCollapsibleNav
+        aria-label="Primary"
+        data-test-subj="collapsibleNav"
+        id="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+        isDocked={false}
+        isOpen={false}
+        onClose={[Function]}
+      />
+    </CollapsibleNav>
+  </header>
+</Header>
+`;
+
+exports[`Header renders 3`] = `
+<Header
+  appTitle$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  application={
+    Object {
+      "applications$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": Map {},
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "capabilities": Object {
+        "catalogue": Object {},
+        "management": Object {},
+        "navLinks": Object {},
+      },
+      "currentAppId$": Observable {
+        "_isScalar": false,
+        "source": Subject {
+          "_isScalar": false,
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        },
+      },
+      "getComponent": [MockFunction],
+      "getUrlForApp": [MockFunction],
+      "navigateToApp": [MockFunction],
+      "registerMountContext": [MockFunction],
+    }
+  }
+  badge$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "get": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  breadcrumbs$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "text": "test",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  forceAppSwitcherNavigation$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  helpExtension$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        InnerSubscriber {
+          "_parentOrParents": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              [Circular],
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 1,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": "",
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              [Circular],
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": "",
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 1,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": Object {
+            "closed": true,
+            "complete": [Function],
+            "error": [Function],
+            "next": [Function],
+          },
+          "index": 1,
+          "isStopped": false,
+          "outerIndex": 0,
+          "outerValue": [Circular],
+          "parent": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              [Circular],
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 1,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": "",
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              [Circular],
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": "",
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 1,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "syncErrorThrowable": false,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  helpSupportUrl$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        InnerSubscriber {
+          "_parentOrParents": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 0,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": undefined,
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              [Circular],
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": undefined,
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 0,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+              [Circular],
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": Object {
+            "closed": true,
+            "complete": [Function],
+            "error": [Function],
+            "next": [Function],
+          },
+          "index": 1,
+          "isStopped": false,
+          "outerIndex": 1,
+          "outerValue": [Circular],
+          "parent": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 0,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": undefined,
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              [Circular],
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": undefined,
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 0,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+              [Circular],
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "syncErrorThrowable": false,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  homeHref="/"
+  intl={
+    Object {
+      "defaultFormats": Object {},
+      "defaultLocale": "en",
+      "formatDate": [Function],
+      "formatHTMLMessage": [Function],
+      "formatMessage": [Function],
+      "formatNumber": [Function],
+      "formatPlural": [Function],
+      "formatRelative": [Function],
+      "formatTime": [Function],
+      "formats": Object {
+        "date": Object {
+          "full": Object {
+            "day": "numeric",
+            "month": "long",
+            "weekday": "long",
+            "year": "numeric",
+          },
+          "long": Object {
+            "day": "numeric",
+            "month": "long",
+            "year": "numeric",
+          },
+          "medium": Object {
+            "day": "numeric",
+            "month": "short",
+            "year": "numeric",
+          },
+          "short": Object {
+            "day": "numeric",
+            "month": "numeric",
+            "year": "2-digit",
+          },
+        },
+        "number": Object {
+          "currency": Object {
+            "style": "currency",
+          },
+          "percent": Object {
+            "style": "percent",
+          },
+        },
+        "relative": Object {
+          "days": Object {
+            "units": "day",
+          },
+          "hours": Object {
+            "units": "hour",
+          },
+          "minutes": Object {
+            "units": "minute",
+          },
+          "months": Object {
+            "units": "month",
+          },
+          "seconds": Object {
+            "units": "second",
+          },
+          "years": Object {
+            "units": "year",
+          },
+        },
+        "time": Object {
+          "full": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "long": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "medium": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+          },
+          "short": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+          },
+        },
+      },
+      "formatters": Object {
+        "getDateTimeFormat": [Function],
+        "getMessageFormat": [Function],
+        "getNumberFormat": [Function],
+        "getPluralFormat": [Function],
+        "getRelativeFormat": [Function],
+      },
+      "locale": "en",
+      "messages": Object {},
+      "now": [Function],
+      "onError": [Function],
+      "textComponent": Symbol(react.fragment),
+      "timeZone": null,
+    }
+  }
+  isLocked$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": true,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  isVisible$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": true,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  kibanaDocLink="/docs"
+  kibanaVersion="1.0.0"
+  legacyMode={false}
+  loadingCount$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": 0,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsLeft$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsRight$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navLinks$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "baseUrl": "",
+          "id": "kibana",
+          "legacy": false,
+          "title": "kibana",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navType$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "modern",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  onIsLockedUpdate={[Function]}
+  recentlyAccessed$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "id": "dashboard",
+          "label": "dashboard",
+          "link": "",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+>
+  <LoadingIndicator
+    loadingCount$={
+      BehaviorSubject {
+        "_isScalar": false,
+        "_value": 0,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      }
+    }
+  >
+    <div
+      className="kbnLoadingIndicator hidden"
+      data-test-subj="globalLoadingIndicator-hidden"
+    >
+      <div
+        className="kbnLoadingIndicator__bar essentialAnimation"
+      />
+    </div>
+  </LoadingIndicator>
+  <header
+    className="chrHeaderWrapper hide-for-sharing chrHeaderWrapper--navIsLocked headerWrapper"
+    data-test-subj="headerGlobalNav"
+  >
+    <EuiHeader
+      position="fixed"
+    >
+      <div
+        className="euiHeader euiHeader--fixed"
+      >
+        <EuiHeaderSection
+          grow={false}
+        >
+          <div
+            className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
+          >
+            <EuiHeaderSectionItem
+              border="right"
+              className="header__toggleNavButtonSection"
+            >
+              <div
+                className="euiHeaderSectionItem euiHeaderSectionItem--borderRight header__toggleNavButtonSection"
+              >
+                <ForwardRef
+                  aria-controls="ief2f92b1-9ab2-11ea-a255-b1da15b4d3ca"
+                  aria-expanded={false}
+                  aria-label="Toggle primary navigation"
+                  aria-pressed={false}
+                  data-test-subj="toggleNavButton"
+                  onClick={[Function]}
+                >
+                  <button
+                    aria-controls="ief2f92b1-9ab2-11ea-a255-b1da15b4d3ca"
+                    aria-expanded={false}
+                    aria-label="Toggle primary navigation"
+                    aria-pressed={false}
+                    className="euiHeaderSectionItem__button"
+                    data-test-subj="toggleNavButton"
+                    onClick={[Function]}
+                    type="button"
+                  >
+                    <EuiIcon
+                      size="m"
+                      type="menu"
+                    >
+                      <div
+                        data-euiicon-type="menu"
+                        size="m"
+                      />
+                    </EuiIcon>
+                  </button>
+                </ForwardRef>
+              </div>
+            </EuiHeaderSectionItem>
+            <EuiHeaderSectionItem
+              border="right"
+            >
+              <div
+                className="euiHeaderSectionItem euiHeaderSectionItem--borderRight"
+              >
+                <HeaderLogo
+                  forceNavigation$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": false,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  href="/"
+                  navLinks$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": Array [
+                        Object {
+                          "baseUrl": "",
+                          "id": "kibana",
+                          "legacy": false,
+                          "title": "kibana",
+                        },
+                      ],
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  navigateToApp={[MockFunction]}
+                >
+                  <EuiHeaderLogo
+                    aria-label="Go to home page"
+                    data-test-subj="logo"
+                    href="/"
+                    iconType="logoElastic"
+                    onClick={[Function]}
+                  >
+                    <a
+                      aria-label="Go to home page"
+                      className="euiHeaderLogo"
+                      data-test-subj="logo"
+                      href="/"
+                      onClick={[Function]}
+                    >
+                      <EuiIcon
+                        aria-label="Elastic"
+                        className="euiHeaderLogo__icon"
+                        size="l"
+                        type="logoElastic"
+                      >
+                        <div
+                          aria-label="Elastic"
+                          className="euiHeaderLogo__icon"
+                          data-euiicon-type="logoElastic"
+                          size="l"
+                        />
+                      </EuiIcon>
+                    </a>
+                  </EuiHeaderLogo>
+                </HeaderLogo>
+              </div>
+            </EuiHeaderSectionItem>
+            <HeaderNavControls
+              navControls$={
+                BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": Array [],
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              side="left"
+            />
+          </div>
+        </EuiHeaderSection>
+        <HeaderBreadcrumbs
+          appTitle$={
+            BehaviorSubject {
+              "_isScalar": false,
+              "_value": "test",
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [
+                Subscriber {
+                  "_parentOrParents": null,
+                  "_subscriptions": Array [
+                    SubjectSubscription {
+                      "_parentOrParents": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "subject": [Circular],
+                      "subscriber": [Circular],
+                    },
+                  ],
+                  "closed": false,
+                  "destination": SafeSubscriber {
+                    "_complete": undefined,
+                    "_context": [Circular],
+                    "_error": undefined,
+                    "_next": [Function],
+                    "_parentOrParents": null,
+                    "_parentSubscriber": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": true,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+              ],
+              "thrownError": null,
+            }
+          }
+          breadcrumbs$={
+            BehaviorSubject {
+              "_isScalar": false,
+              "_value": Array [
+                Object {
+                  "text": "test",
+                },
+              ],
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [
+                Subscriber {
+                  "_parentOrParents": null,
+                  "_subscriptions": Array [
+                    SubjectSubscription {
+                      "_parentOrParents": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "subject": [Circular],
+                      "subscriber": [Circular],
+                    },
+                  ],
+                  "closed": false,
+                  "destination": SafeSubscriber {
+                    "_complete": undefined,
+                    "_context": [Circular],
+                    "_error": undefined,
+                    "_next": [Function],
+                    "_parentOrParents": null,
+                    "_parentSubscriber": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": true,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+              ],
+              "thrownError": null,
+            }
+          }
+        >
+          <EuiHeaderBreadcrumbs
+            breadcrumbs={
+              Array [
+                Object {
+                  "data-test-subj": "breadcrumb first last",
+                  "text": "test",
+                },
+              ]
+            }
+            data-test-subj="breadcrumbs"
+            max={10}
+          >
+            <EuiBreadcrumbs
+              breadcrumbs={
+                Array [
+                  Object {
+                    "data-test-subj": "breadcrumb first last",
+                    "text": "test",
+                  },
+                ]
+              }
+              className="euiHeaderBreadcrumbs"
+              data-test-subj="breadcrumbs"
+              max={10}
+              truncate={true}
+            >
+              <nav
+                aria-label="breadcrumb"
+                className="euiBreadcrumbs euiHeaderBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+                data-test-subj="breadcrumbs"
+              >
+                <EuiInnerText>
+                  <span
+                    aria-current="page"
+                    className="euiBreadcrumb euiBreadcrumb--last"
+                    data-test-subj="breadcrumb first last"
+                    title="test"
+                  >
+                    test
+                  </span>
+                </EuiInnerText>
+              </nav>
+            </EuiBreadcrumbs>
+          </EuiHeaderBreadcrumbs>
+        </HeaderBreadcrumbs>
+        <HeaderBadge
+          badge$={
+            BehaviorSubject {
+              "_isScalar": false,
+              "_value": undefined,
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [
+                Subscriber {
+                  "_parentOrParents": null,
+                  "_subscriptions": Array [
+                    SubjectSubscription {
+                      "_parentOrParents": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "subject": [Circular],
+                      "subscriber": [Circular],
+                    },
+                  ],
+                  "closed": false,
+                  "destination": SafeSubscriber {
+                    "_complete": undefined,
+                    "_context": [Circular],
+                    "_error": undefined,
+                    "_next": [Function],
+                    "_parentOrParents": null,
+                    "_parentSubscriber": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": true,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+              ],
+              "thrownError": null,
+            }
+          }
+        />
+        <EuiHeaderSection
+          side="right"
+        >
+          <div
+            className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--right"
+          >
+            <EuiHeaderSectionItem>
+              <div
+                className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
+              >
+                <InjectIntl(HeaderHelpMenuUI)
+                  helpExtension$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        InnerSubscriber {
+                          "_parentOrParents": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              [Circular],
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": "",
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 1,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              [Circular],
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": "",
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 1,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "index": 1,
+                          "isStopped": false,
+                          "outerIndex": 0,
+                          "outerValue": [Circular],
+                          "parent": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              [Circular],
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": "",
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 1,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              [Circular],
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": "",
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 1,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  helpSupportUrl$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        InnerSubscriber {
+                          "_parentOrParents": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": undefined,
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 0,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              [Circular],
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": undefined,
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 0,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                              [Circular],
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "index": 1,
+                          "isStopped": false,
+                          "outerIndex": 1,
+                          "outerValue": [Circular],
+                          "parent": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": undefined,
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 0,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              [Circular],
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": undefined,
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 0,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                              [Circular],
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  kibanaDocLink="/docs"
+                  kibanaVersion="1.0.0"
+                  useDefaultContent={true}
+                >
+                  <HeaderHelpMenuUI
+                    helpExtension$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": undefined,
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          InnerSubscriber {
+                            "_parentOrParents": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                [Circular],
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": "",
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 1,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": "",
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                [Circular],
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 1,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "index": 1,
+                            "isStopped": false,
+                            "outerIndex": 0,
+                            "outerValue": [Circular],
+                            "parent": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                [Circular],
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": "",
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 1,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": "",
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                [Circular],
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 1,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    helpSupportUrl$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": "",
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          InnerSubscriber {
+                            "_parentOrParents": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": undefined,
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 0,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": undefined,
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                [Circular],
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 0,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                                [Circular],
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "index": 1,
+                            "isStopped": false,
+                            "outerIndex": 1,
+                            "outerValue": [Circular],
+                            "parent": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": undefined,
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 0,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": undefined,
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                [Circular],
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 0,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                                [Circular],
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    intl={
+                      Object {
+                        "defaultFormats": Object {},
+                        "defaultLocale": "en",
+                        "formatDate": [Function],
+                        "formatHTMLMessage": [Function],
+                        "formatMessage": [Function],
+                        "formatNumber": [Function],
+                        "formatPlural": [Function],
+                        "formatRelative": [Function],
+                        "formatTime": [Function],
+                        "formats": Object {
+                          "date": Object {
+                            "full": Object {
+                              "day": "numeric",
+                              "month": "long",
+                              "weekday": "long",
+                              "year": "numeric",
+                            },
+                            "long": Object {
+                              "day": "numeric",
+                              "month": "long",
+                              "year": "numeric",
+                            },
+                            "medium": Object {
+                              "day": "numeric",
+                              "month": "short",
+                              "year": "numeric",
+                            },
+                            "short": Object {
+                              "day": "numeric",
+                              "month": "numeric",
+                              "year": "2-digit",
+                            },
+                          },
+                          "number": Object {
+                            "currency": Object {
+                              "style": "currency",
+                            },
+                            "percent": Object {
+                              "style": "percent",
+                            },
+                          },
+                          "relative": Object {
+                            "days": Object {
+                              "units": "day",
+                            },
+                            "hours": Object {
+                              "units": "hour",
+                            },
+                            "minutes": Object {
+                              "units": "minute",
+                            },
+                            "months": Object {
+                              "units": "month",
+                            },
+                            "seconds": Object {
+                              "units": "second",
+                            },
+                            "years": Object {
+                              "units": "year",
+                            },
+                          },
+                          "time": Object {
+                            "full": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                              "second": "numeric",
+                              "timeZoneName": "short",
+                            },
+                            "long": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                              "second": "numeric",
+                              "timeZoneName": "short",
+                            },
+                            "medium": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                              "second": "numeric",
+                            },
+                            "short": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                            },
+                          },
+                        },
+                        "formatters": Object {
+                          "getDateTimeFormat": [Function],
+                          "getMessageFormat": [Function],
+                          "getNumberFormat": [Function],
+                          "getPluralFormat": [Function],
+                          "getRelativeFormat": [Function],
+                        },
+                        "locale": "en",
+                        "messages": Object {},
+                        "now": [Function],
+                        "onError": [Function],
+                        "textComponent": Symbol(react.fragment),
+                        "timeZone": null,
+                      }
+                    }
+                    kibanaDocLink="/docs"
+                    kibanaVersion="1.0.0"
+                    useDefaultContent={true}
+                  >
+                    <EuiPopover
+                      anchorPosition="downRight"
+                      button={
+                        <ForwardRef
+                          aria-expanded={false}
+                          aria-haspopup="true"
+                          aria-label="Help menu"
+                          onClick={[Function]}
+                        >
+                          <EuiIcon
+                            size="m"
+                            type="help"
+                          />
+                        </ForwardRef>
+                      }
+                      closePopover={[Function]}
+                      data-test-subj="helpMenuButton"
+                      display="inlineBlock"
+                      hasArrow={true}
+                      id="headerHelpMenu"
+                      isOpen={false}
+                      ownFocus={true}
+                      panelPaddingSize="m"
+                      repositionOnScroll={true}
+                    >
+                      <EuiOutsideClickDetector
+                        isDisabled={true}
+                        onOutsideClick={[Function]}
+                      >
+                        <div
+                          className="euiPopover euiPopover--anchorDownRight"
+                          data-test-subj="helpMenuButton"
+                          id="headerHelpMenu"
+                          onKeyDown={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseUp={[Function]}
+                          onTouchEnd={[Function]}
+                          onTouchStart={[Function]}
+                        >
+                          <div
+                            className="euiPopover__anchor"
+                          >
+                            <ForwardRef
+                              aria-expanded={false}
+                              aria-haspopup="true"
+                              aria-label="Help menu"
+                              onClick={[Function]}
+                            >
+                              <button
+                                aria-expanded={false}
+                                aria-haspopup="true"
+                                aria-label="Help menu"
+                                className="euiHeaderSectionItem__button"
+                                onClick={[Function]}
+                                type="button"
+                              >
+                                <EuiIcon
+                                  size="m"
+                                  type="help"
+                                >
+                                  <div
+                                    data-euiicon-type="help"
+                                    size="m"
+                                  />
+                                </EuiIcon>
+                              </button>
+                            </ForwardRef>
+                          </div>
+                        </div>
+                      </EuiOutsideClickDetector>
+                    </EuiPopover>
+                  </HeaderHelpMenuUI>
+                </InjectIntl(HeaderHelpMenuUI)>
+              </div>
+            </EuiHeaderSectionItem>
+            <HeaderNavControls
+              navControls$={
+                BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": Array [],
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              side="right"
+            />
+          </div>
+        </EuiHeaderSection>
+      </div>
+    </EuiHeader>
+    <CollapsibleNav
+      appId$={
+        Observable {
+          "_isScalar": false,
+          "source": Subject {
+            "_isScalar": false,
+            "closed": false,
+            "hasError": false,
+            "isStopped": false,
+            "observers": Array [
+              Subscriber {
+                "_parentOrParents": null,
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": [Circular],
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": SafeSubscriber {
+                  "_complete": undefined,
+                  "_context": [Circular],
+                  "_error": undefined,
+                  "_next": [Function],
+                  "_parentOrParents": null,
+                  "_parentSubscriber": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "destination": Object {
+                    "closed": true,
+                    "complete": [Function],
+                    "error": [Function],
+                    "next": [Function],
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": false,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+                "isStopped": false,
+                "syncErrorThrowable": true,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "thrownError": null,
+          },
+        }
+      }
+      basePath={
+        BasePath {
+          "basePath": "/test",
+          "get": [Function],
+          "prepend": [Function],
+          "remove": [Function],
+          "serverBasePath": "/test",
+        }
+      }
+      closeNav={[Function]}
+      homeHref="/"
+      id="ief2f92b1-9ab2-11ea-a255-b1da15b4d3ca"
+      isLocked={true}
+      isOpen={false}
+      legacyMode={false}
+      navLinks$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [
+            Object {
+              "baseUrl": "",
+              "id": "kibana",
+              "legacy": false,
+              "title": "kibana",
+            },
+          ],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+      navigateToApp={[MockFunction]}
+      onIsLockedUpdate={[Function]}
+      recentlyAccessed$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [
+            Object {
+              "id": "dashboard",
+              "label": "dashboard",
+              "link": "",
+            },
+          ],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+    >
+      <EuiCollapsibleNav
+        aria-label="Primary"
+        data-test-subj="collapsibleNav"
+        id="ief2f92b1-9ab2-11ea-a255-b1da15b4d3ca"
+        isDocked={true}
+        isOpen={false}
+        onClose={[Function]}
+      >
+        <EuiWindowEvent
+          event="keydown"
+          handler={[Function]}
+        />
+        <EuiFocusTrap
+          clickOutsideDisables={true}
+          disabled={true}
+        >
+          <EuiOutsideClickDetector
+            isDisabled={true}
+            onOutsideClick={[Function]}
+          >
+            <OutsideEventDetector
+              handleEvent={[Function]}
+              onMouseDown={[Function]}
+              onMouseUp={[Function]}
+              onTouchEnd={[Function]}
+              onTouchStart={[Function]}
+            >
+              <div
+                onMouseDown={[Function]}
+                onMouseUp={[Function]}
+                onTouchEnd={[Function]}
+                onTouchStart={[Function]}
+              >
+                <FocusLock
+                  as="div"
+                  autoFocus={true}
+                  disabled={true}
+                  lockProps={
+                    Object {
+                      "style": undefined,
+                    }
+                  }
+                  noFocusGuards={false}
+                  persistentFocus={false}
+                  returnFocus={true}
+                >
+                  <div
+                    data-focus-guard={true}
+                    key="guard-first"
+                    style={
+                      Object {
+                        "height": "0px",
+                        "left": "1px",
+                        "overflow": "hidden",
+                        "padding": 0,
+                        "position": "fixed",
+                        "top": "1px",
+                        "width": "1px",
+                      }
+                    }
+                    tabIndex={-1}
+                  />
+                  <div
+                    data-focus-guard={true}
+                    key="guard-nearest"
+                    style={
+                      Object {
+                        "height": "0px",
+                        "left": "1px",
+                        "overflow": "hidden",
+                        "padding": 0,
+                        "position": "fixed",
+                        "top": "1px",
+                        "width": "1px",
+                      }
+                    }
+                    tabIndex={-1}
+                  />
+                  <div
+                    data-focus-lock-disabled="disabled"
+                    onBlur={[Function]}
+                    onFocus={[Function]}
+                  >
+                    <SideEffect(FocusWatcher)
+                      autoFocus={true}
+                      disabled={true}
+                      observed={
+                        <div
+                          data-focus-lock-disabled="disabled"
+                        >
+                          <nav
+                            aria-label="Primary"
+                            class="euiCollapsibleNav euiCollapsibleNav--isDocked"
+                            data-test-subj="collapsibleNav"
+                            id="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+                          >
+                            <div
+                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <div
+                                class="euiCollapsibleNavGroup euiCollapsibleNavGroup--light eui-yScroll"
+                                id="ief30a421-9ab2-11ea-a255-b1da15b4d3ca"
+                                style="max-height: 40vh;"
+                              >
+                                <div
+                                  class="euiCollapsibleNavGroup__children"
+                                >
+                                  <ul
+                                    aria-label="Pinned links"
+                                    class="euiListGroup"
+                                    style="max-width: none;"
+                                  >
+                                    <li
+                                      class="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
+                                    >
+                                      <a
+                                        class="euiListGroupItem__button"
+                                        href="/"
+                                      >
+                                        <div
+                                          class="euiListGroupItem__icon"
+                                          data-euiicon-type="home"
+                                        />
+                                        <span
+                                          class="euiListGroupItem__label"
+                                          title="Home"
+                                        >
+                                          Home
+                                        </span>
+                                      </a>
+                                    </li>
+                                  </ul>
+                                </div>
+                              </div>
+                            </div>
+                            <div
+                              class="euiAccordion euiAccordion-isOpen euiCollapsibleNavGroup euiCollapsibleNavGroup--light euiCollapsibleNavGroup--withHeading"
+                              data-test-subj="collapsibleNavGroup-recentlyViewed"
+                            >
+                              <div
+                                class="euiAccordion__triggerWrapper"
+                              >
+                                <button
+                                  aria-controls="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                                  aria-expanded="true"
+                                  class="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
+                                  type="button"
+                                >
+                                  <span
+                                    class="euiAccordion__iconWrapper"
+                                  >
+                                    <div
+                                      class="euiAccordion__icon euiAccordion__icon-isOpen"
+                                      data-euiicon-type="arrowRight"
+                                    />
+                                  </span>
+                                  <span
+                                    class="euiIEFlexWrapFix"
+                                  >
+                                    <div
+                                      class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
+                                    >
+                                      <div
+                                        class="euiFlexItem"
+                                      >
+                                        <h3
+                                          class="euiTitle euiTitle--xxsmall euiCollapsibleNavGroup__title"
+                                          id="ief311951-9ab2-11ea-a255-b1da15b4d3ca__title"
+                                        >
+                                          Recently viewed
+                                        </h3>
+                                      </div>
+                                    </div>
+                                  </span>
+                                </button>
+                              </div>
+                              <div
+                                class="euiAccordion__childWrapper"
+                                id="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                              >
+                                <div>
+                                  <div
+                                    class=""
+                                  >
+                                    <div
+                                      class="euiCollapsibleNavGroup__children"
+                                    >
+                                      <ul
+                                        aria-label="Recently viewed links"
+                                        class="euiListGroup kbnCollapsibleNav__recentsListGroup"
+                                        style="max-width: none;"
+                                      >
+                                        <li
+                                          class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
+                                        >
+                                          <a
+                                            aria-label="dashboard, type: kibana"
+                                            class="euiListGroupItem__button"
+                                            data-test-subj="collapsibleNavAppLink--recent"
+                                            href="http://localhost/"
+                                            title="dashboard, type: kibana"
+                                          >
+                                            <span
+                                              class="euiListGroupItem__label"
+                                              title="dashboard"
+                                            >
+                                              dashboard
+                                            </span>
+                                          </a>
+                                        </li>
+                                      </ul>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                            <hr
+                              class="euiHorizontalRule euiHorizontalRule--full"
+                            />
+                            <div
+                              class="euiFlexItem eui-yScroll"
+                            >
+                              <div
+                                class="euiCollapsibleNavGroup"
+                                data-test-subj="collapsibleNavGroup-noCategory"
+                                id="ief31b591-9ab2-11ea-a255-b1da15b4d3ca"
+                              >
+                                <div
+                                  class="euiCollapsibleNavGroup__children"
+                                >
+                                  <ul
+                                    class="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
+                                  >
+                                    <li
+                                      class="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
+                                    >
+                                      <button
+                                        class="euiListGroupItem__button"
+                                        data-test-subj="collapsibleNavAppLink"
+                                        type="button"
+                                      >
+                                        <span
+                                          class="euiListGroupItem__label"
+                                          title="kibana"
+                                        >
+                                          kibana
+                                        </span>
+                                      </button>
+                                    </li>
+                                  </ul>
+                                </div>
+                              </div>
+                              <div
+                                class="euiCollapsibleNavGroup eui-showFor--l eui-showFor--xl"
+                                id="ief31dca1-9ab2-11ea-a255-b1da15b4d3ca"
+                              >
+                                <div
+                                  class="euiCollapsibleNavGroup__children"
+                                >
+                                  <ul
+                                    class="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
+                                  >
+                                    <li
+                                      class="euiListGroupItem euiListGroupItem--xSmall euiListGroupItem--subdued euiListGroupItem-isClickable"
+                                    >
+                                      <button
+                                        aria-label="Undock primary navigation"
+                                        class="euiListGroupItem__button"
+                                        data-test-subj="collapsible-nav-lock"
+                                        type="button"
+                                      >
+                                        <div
+                                          class="euiListGroupItem__icon"
+                                          data-euiicon-type="lock"
+                                        />
+                                        <span
+                                          class="euiListGroupItem__label"
+                                          title="Undock navigation"
+                                        >
+                                          Undock navigation
+                                        </span>
+                                      </button>
+                                    </li>
+                                  </ul>
+                                </div>
+                              </div>
+                            </div>
+                            <button
+                              class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiCollapsibleNav__closeButton"
+                              type="button"
+                            >
+                              <span
+                                class="euiButtonEmpty__content"
+                              >
+                                <div
+                                  aria-hidden="true"
+                                  class="euiButtonEmpty__icon"
+                                  data-euiicon-type="cross"
+                                />
+                                <span
+                                  class="euiButtonEmpty__text"
+                                >
+                                  <span
+                                    class="euiCollapsibleNav__closeButtonLabel"
+                                  >
+                                    close
+                                  </span>
+                                </span>
+                              </span>
+                            </button>
+                          </nav>
+                        </div>
+                      }
+                      onActivation={[Function]}
+                      onDeactivation={[Function]}
+                      persistentFocus={false}
+                    >
+                      <FocusWatcher
+                        autoFocus={true}
+                        disabled={true}
+                        observed={
+                          <div
+                            data-focus-lock-disabled="disabled"
+                          >
+                            <nav
+                              aria-label="Primary"
+                              class="euiCollapsibleNav euiCollapsibleNav--isDocked"
+                              data-test-subj="collapsibleNav"
+                              id="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+                            >
+                              <div
+                                class="euiFlexItem euiFlexItem--flexGrowZero"
+                              >
+                                <div
+                                  class="euiCollapsibleNavGroup euiCollapsibleNavGroup--light eui-yScroll"
+                                  id="ief30a421-9ab2-11ea-a255-b1da15b4d3ca"
+                                  style="max-height: 40vh;"
+                                >
+                                  <div
+                                    class="euiCollapsibleNavGroup__children"
+                                  >
+                                    <ul
+                                      aria-label="Pinned links"
+                                      class="euiListGroup"
+                                      style="max-width: none;"
+                                    >
+                                      <li
+                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
+                                      >
+                                        <a
+                                          class="euiListGroupItem__button"
+                                          href="/"
+                                        >
+                                          <div
+                                            class="euiListGroupItem__icon"
+                                            data-euiicon-type="home"
+                                          />
+                                          <span
+                                            class="euiListGroupItem__label"
+                                            title="Home"
+                                          >
+                                            Home
+                                          </span>
+                                        </a>
+                                      </li>
+                                    </ul>
+                                  </div>
+                                </div>
+                              </div>
+                              <div
+                                class="euiAccordion euiAccordion-isOpen euiCollapsibleNavGroup euiCollapsibleNavGroup--light euiCollapsibleNavGroup--withHeading"
+                                data-test-subj="collapsibleNavGroup-recentlyViewed"
+                              >
+                                <div
+                                  class="euiAccordion__triggerWrapper"
+                                >
+                                  <button
+                                    aria-controls="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                                    aria-expanded="true"
+                                    class="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
+                                    type="button"
+                                  >
+                                    <span
+                                      class="euiAccordion__iconWrapper"
+                                    >
+                                      <div
+                                        class="euiAccordion__icon euiAccordion__icon-isOpen"
+                                        data-euiicon-type="arrowRight"
+                                      />
+                                    </span>
+                                    <span
+                                      class="euiIEFlexWrapFix"
+                                    >
+                                      <div
+                                        class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
+                                      >
+                                        <div
+                                          class="euiFlexItem"
+                                        >
+                                          <h3
+                                            class="euiTitle euiTitle--xxsmall euiCollapsibleNavGroup__title"
+                                            id="ief311951-9ab2-11ea-a255-b1da15b4d3ca__title"
+                                          >
+                                            Recently viewed
+                                          </h3>
+                                        </div>
+                                      </div>
+                                    </span>
+                                  </button>
+                                </div>
+                                <div
+                                  class="euiAccordion__childWrapper"
+                                  id="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                                >
+                                  <div>
+                                    <div
+                                      class=""
+                                    >
+                                      <div
+                                        class="euiCollapsibleNavGroup__children"
+                                      >
+                                        <ul
+                                          aria-label="Recently viewed links"
+                                          class="euiListGroup kbnCollapsibleNav__recentsListGroup"
+                                          style="max-width: none;"
+                                        >
+                                          <li
+                                            class="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
+                                          >
+                                            <a
+                                              aria-label="dashboard, type: kibana"
+                                              class="euiListGroupItem__button"
+                                              data-test-subj="collapsibleNavAppLink--recent"
+                                              href="http://localhost/"
+                                              title="dashboard, type: kibana"
+                                            >
+                                              <span
+                                                class="euiListGroupItem__label"
+                                                title="dashboard"
+                                              >
+                                                dashboard
+                                              </span>
+                                            </a>
+                                          </li>
+                                        </ul>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              <hr
+                                class="euiHorizontalRule euiHorizontalRule--full"
+                              />
+                              <div
+                                class="euiFlexItem eui-yScroll"
+                              >
+                                <div
+                                  class="euiCollapsibleNavGroup"
+                                  data-test-subj="collapsibleNavGroup-noCategory"
+                                  id="ief31b591-9ab2-11ea-a255-b1da15b4d3ca"
+                                >
+                                  <div
+                                    class="euiCollapsibleNavGroup__children"
+                                  >
+                                    <ul
+                                      class="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
+                                    >
+                                      <li
+                                        class="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
+                                      >
+                                        <button
+                                          class="euiListGroupItem__button"
+                                          data-test-subj="collapsibleNavAppLink"
+                                          type="button"
+                                        >
+                                          <span
+                                            class="euiListGroupItem__label"
+                                            title="kibana"
+                                          >
+                                            kibana
+                                          </span>
+                                        </button>
+                                      </li>
+                                    </ul>
+                                  </div>
+                                </div>
+                                <div
+                                  class="euiCollapsibleNavGroup eui-showFor--l eui-showFor--xl"
+                                  id="ief31dca1-9ab2-11ea-a255-b1da15b4d3ca"
+                                >
+                                  <div
+                                    class="euiCollapsibleNavGroup__children"
+                                  >
+                                    <ul
+                                      class="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
+                                    >
+                                      <li
+                                        class="euiListGroupItem euiListGroupItem--xSmall euiListGroupItem--subdued euiListGroupItem-isClickable"
+                                      >
+                                        <button
+                                          aria-label="Undock primary navigation"
+                                          class="euiListGroupItem__button"
+                                          data-test-subj="collapsible-nav-lock"
+                                          type="button"
+                                        >
+                                          <div
+                                            class="euiListGroupItem__icon"
+                                            data-euiicon-type="lock"
+                                          />
+                                          <span
+                                            class="euiListGroupItem__label"
+                                            title="Undock navigation"
+                                          >
+                                            Undock navigation
+                                          </span>
+                                        </button>
+                                      </li>
+                                    </ul>
+                                  </div>
+                                </div>
+                              </div>
+                              <button
+                                class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiCollapsibleNav__closeButton"
+                                type="button"
+                              >
+                                <span
+                                  class="euiButtonEmpty__content"
+                                >
+                                  <div
+                                    aria-hidden="true"
+                                    class="euiButtonEmpty__icon"
+                                    data-euiicon-type="cross"
+                                  />
+                                  <span
+                                    class="euiButtonEmpty__text"
+                                  >
+                                    <span
+                                      class="euiCollapsibleNav__closeButtonLabel"
+                                    >
+                                      close
+                                    </span>
+                                  </span>
+                                </span>
+                              </button>
+                            </nav>
+                          </div>
+                        }
+                        onActivation={[Function]}
+                        onDeactivation={[Function]}
+                        persistentFocus={false}
+                      />
+                    </SideEffect(FocusWatcher)>
+                    <nav
+                      aria-label="Primary"
+                      className="euiCollapsibleNav euiCollapsibleNav--isDocked"
+                      data-test-subj="collapsibleNav"
+                      id="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+                    >
+                      <EuiFlexItem
+                        grow={false}
+                        style={
+                          Object {
+                            "flexShrink": 0,
+                          }
+                        }
+                      >
+                        <div
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
+                          style={
+                            Object {
+                              "flexShrink": 0,
+                            }
+                          }
+                        >
+                          <EuiCollapsibleNavGroup
+                            background="light"
+                            className="eui-yScroll"
+                            style={
+                              Object {
+                                "maxHeight": "40vh",
+                              }
+                            }
+                          >
+                            <div
+                              className="euiCollapsibleNavGroup euiCollapsibleNavGroup--light eui-yScroll"
+                              id="ief30a421-9ab2-11ea-a255-b1da15b4d3ca"
+                              style={
+                                Object {
+                                  "maxHeight": "40vh",
+                                }
+                              }
+                            >
+                              <div
+                                className="euiCollapsibleNavGroup__children"
+                              >
+                                <EuiListGroup
+                                  aria-label="Pinned links"
+                                  color="text"
+                                  gutterSize="none"
+                                  listItems={
+                                    Array [
+                                      Object {
+                                        "href": "/",
+                                        "iconType": "home",
+                                        "label": "Home",
+                                        "onClick": [Function],
+                                      },
+                                    ]
+                                  }
+                                  maxWidth="none"
+                                  size="s"
+                                >
+                                  <ul
+                                    aria-label="Pinned links"
+                                    className="euiListGroup"
+                                    style={
+                                      Object {
+                                        "maxWidth": "none",
+                                      }
+                                    }
+                                  >
+                                    <EuiListGroupItem
+                                      color="text"
+                                      href="/"
+                                      iconType="home"
+                                      key="title-0"
+                                      label="Home"
+                                      onClick={[Function]}
+                                      showToolTip={false}
+                                      size="s"
+                                      wrapText={false}
+                                    >
+                                      <li
+                                        className="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
+                                      >
+                                        <a
+                                          className="euiListGroupItem__button"
+                                          href="/"
+                                          onClick={[Function]}
+                                        >
+                                          <EuiIcon
+                                            className="euiListGroupItem__icon"
+                                            type="home"
+                                          >
+                                            <div
+                                              className="euiListGroupItem__icon"
+                                              data-euiicon-type="home"
+                                            />
+                                          </EuiIcon>
+                                          <span
+                                            className="euiListGroupItem__label"
+                                            title="Home"
+                                          >
+                                            Home
+                                          </span>
+                                        </a>
+                                      </li>
+                                    </EuiListGroupItem>
+                                  </ul>
+                                </EuiListGroup>
+                              </div>
+                            </div>
+                          </EuiCollapsibleNavGroup>
+                        </div>
+                      </EuiFlexItem>
+                      <EuiCollapsibleNavGroup
+                        background="light"
+                        data-test-subj="collapsibleNavGroup-recentlyViewed"
+                        initialIsOpen={true}
+                        isCollapsible={true}
+                        key="recentlyViewed"
+                        onToggle={[Function]}
+                        title="Recently viewed"
+                      >
+                        <EuiAccordion
+                          arrowDisplay="right"
+                          buttonClassName="euiCollapsibleNavGroup__heading"
+                          buttonContent={
+                            <ForwardRef
+                              alignItems="center"
+                              gutterSize="m"
+                              responsive={false}
+                            >
+                              <EuiFlexItem>
+                                <EuiTitle
+                                  size="xxs"
+                                >
+                                  <h3
+                                    className="euiCollapsibleNavGroup__title"
+                                    id="ief311951-9ab2-11ea-a255-b1da15b4d3ca__title"
+                                  >
+                                    Recently viewed
+                                  </h3>
+                                </EuiTitle>
+                              </EuiFlexItem>
+                            </ForwardRef>
+                          }
+                          className="euiCollapsibleNavGroup euiCollapsibleNavGroup--light euiCollapsibleNavGroup--withHeading"
+                          data-test-subj="collapsibleNavGroup-recentlyViewed"
+                          id="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                          initialIsOpen={true}
+                          onToggle={[Function]}
+                          paddingSize="none"
+                        >
+                          <div
+                            className="euiAccordion euiAccordion-isOpen euiCollapsibleNavGroup euiCollapsibleNavGroup--light euiCollapsibleNavGroup--withHeading"
+                            data-test-subj="collapsibleNavGroup-recentlyViewed"
+                            onToggle={[Function]}
+                          >
+                            <div
+                              className="euiAccordion__triggerWrapper"
+                            >
+                              <button
+                                aria-controls="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                                aria-expanded={true}
+                                className="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
+                                onClick={[Function]}
+                                type="button"
+                              >
+                                <span
+                                  className="euiAccordion__iconWrapper"
+                                >
+                                  <EuiIcon
+                                    className="euiAccordion__icon euiAccordion__icon-isOpen"
+                                    size="m"
+                                    type="arrowRight"
+                                  >
+                                    <div
+                                      className="euiAccordion__icon euiAccordion__icon-isOpen"
+                                      data-euiicon-type="arrowRight"
+                                      size="m"
+                                    />
+                                  </EuiIcon>
+                                </span>
+                                <span
+                                  className="euiIEFlexWrapFix"
+                                >
+                                  <EuiFlexGroup
+                                    alignItems="center"
+                                    gutterSize="m"
+                                    responsive={false}
+                                  >
+                                    <div
+                                      className="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
+                                    >
+                                      <EuiFlexItem>
+                                        <div
+                                          className="euiFlexItem"
+                                        >
+                                          <EuiTitle
+                                            size="xxs"
+                                          >
+                                            <h3
+                                              className="euiTitle euiTitle--xxsmall euiCollapsibleNavGroup__title"
+                                              id="ief311951-9ab2-11ea-a255-b1da15b4d3ca__title"
+                                            >
+                                              Recently viewed
+                                            </h3>
+                                          </EuiTitle>
+                                        </div>
+                                      </EuiFlexItem>
+                                    </div>
+                                  </EuiFlexGroup>
+                                </span>
+                              </button>
+                            </div>
+                            <div
+                              className="euiAccordion__childWrapper"
+                              id="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                            >
+                              <EuiResizeObserver
+                                onResize={[Function]}
+                              >
+                                <div>
+                                  <div
+                                    className=""
+                                  >
+                                    <div
+                                      className="euiCollapsibleNavGroup__children"
+                                    >
+                                      <EuiListGroup
+                                        aria-label="Recently viewed links"
+                                        className="kbnCollapsibleNav__recentsListGroup"
+                                        color="subdued"
+                                        gutterSize="none"
+                                        listItems={
+                                          Array [
+                                            Object {
+                                              "aria-label": "dashboard, type: kibana",
+                                              "data-test-subj": "collapsibleNavAppLink--recent",
+                                              "href": "http://localhost/",
+                                              "label": "dashboard",
+                                              "onClick": [Function],
+                                              "title": "dashboard, type: kibana",
+                                            },
+                                          ]
+                                        }
+                                        maxWidth="none"
+                                        size="s"
+                                      >
+                                        <ul
+                                          aria-label="Recently viewed links"
+                                          className="euiListGroup kbnCollapsibleNav__recentsListGroup"
+                                          style={
+                                            Object {
+                                              "maxWidth": "none",
+                                            }
+                                          }
+                                        >
+                                          <EuiListGroupItem
+                                            aria-label="dashboard, type: kibana"
+                                            color="subdued"
+                                            data-test-subj="collapsibleNavAppLink--recent"
+                                            href="http://localhost/"
+                                            key="title-0"
+                                            label="dashboard"
+                                            onClick={[Function]}
+                                            showToolTip={false}
+                                            size="s"
+                                            title="dashboard, type: kibana"
+                                            wrapText={false}
+                                          >
+                                            <li
+                                              className="euiListGroupItem euiListGroupItem--small euiListGroupItem--subdued euiListGroupItem-isClickable"
+                                            >
+                                              <a
+                                                aria-label="dashboard, type: kibana"
+                                                className="euiListGroupItem__button"
+                                                data-test-subj="collapsibleNavAppLink--recent"
+                                                href="http://localhost/"
+                                                onClick={[Function]}
+                                                title="dashboard, type: kibana"
+                                              >
+                                                <span
+                                                  className="euiListGroupItem__label"
+                                                  title="dashboard"
+                                                >
+                                                  dashboard
+                                                </span>
+                                              </a>
+                                            </li>
+                                          </EuiListGroupItem>
+                                        </ul>
+                                      </EuiListGroup>
+                                    </div>
+                                  </div>
+                                </div>
+                              </EuiResizeObserver>
+                            </div>
+                          </div>
+                        </EuiAccordion>
+                      </EuiCollapsibleNavGroup>
+                      <EuiHorizontalRule
+                        margin="none"
+                      >
+                        <hr
+                          className="euiHorizontalRule euiHorizontalRule--full"
+                        />
+                      </EuiHorizontalRule>
+                      <EuiFlexItem
+                        className="eui-yScroll"
+                      >
+                        <div
+                          className="euiFlexItem eui-yScroll"
+                        >
+                          <EuiCollapsibleNavGroup
+                            data-test-subj="collapsibleNavGroup-noCategory"
+                            key="0"
+                          >
+                            <div
+                              className="euiCollapsibleNavGroup"
+                              data-test-subj="collapsibleNavGroup-noCategory"
+                              id="ief31b591-9ab2-11ea-a255-b1da15b4d3ca"
+                            >
+                              <div
+                                className="euiCollapsibleNavGroup__children"
+                              >
+                                <EuiListGroup
+                                  flush={true}
+                                >
+                                  <ul
+                                    className="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
+                                  >
+                                    <EuiListGroupItem
+                                      color="text"
+                                      data-test-subj="collapsibleNavAppLink"
+                                      isActive={false}
+                                      label="kibana"
+                                      onClick={[Function]}
+                                      size="s"
+                                    >
+                                      <li
+                                        className="euiListGroupItem euiListGroupItem--small euiListGroupItem--text euiListGroupItem-isClickable"
+                                      >
+                                        <button
+                                          className="euiListGroupItem__button"
+                                          data-test-subj="collapsibleNavAppLink"
+                                          disabled={false}
+                                          onClick={[Function]}
+                                          type="button"
+                                        >
+                                          <span
+                                            className="euiListGroupItem__label"
+                                            title="kibana"
+                                          >
+                                            kibana
+                                          </span>
+                                        </button>
+                                      </li>
+                                    </EuiListGroupItem>
+                                  </ul>
+                                </EuiListGroup>
+                              </div>
+                            </div>
+                          </EuiCollapsibleNavGroup>
+                          <EuiShowFor
+                            sizes={
+                              Array [
+                                "l",
+                                "xl",
+                              ]
+                            }
+                          >
+                            <EuiCollapsibleNavGroup
+                              className="eui-showFor--l eui-showFor--xl"
+                              key=".0"
+                            >
+                              <div
+                                className="euiCollapsibleNavGroup eui-showFor--l eui-showFor--xl"
+                                id="ief31dca1-9ab2-11ea-a255-b1da15b4d3ca"
+                              >
+                                <div
+                                  className="euiCollapsibleNavGroup__children"
+                                >
+                                  <EuiListGroup
+                                    flush={true}
+                                  >
+                                    <ul
+                                      className="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault"
+                                    >
+                                      <EuiListGroupItem
+                                        aria-label="Undock primary navigation"
+                                        buttonRef={
+                                          Object {
+                                            "current": <button
+                                              aria-label="Undock primary navigation"
+                                              class="euiListGroupItem__button"
+                                              data-test-subj="collapsible-nav-lock"
+                                              type="button"
+                                            >
+                                              <div
+                                                class="euiListGroupItem__icon"
+                                                data-euiicon-type="lock"
+                                              />
+                                              <span
+                                                class="euiListGroupItem__label"
+                                                title="Undock navigation"
+                                              >
+                                                Undock navigation
+                                              </span>
+                                            </button>,
+                                          }
+                                        }
+                                        color="subdued"
+                                        data-test-subj="collapsible-nav-lock"
+                                        iconType="lock"
+                                        label="Undock navigation"
+                                        onClick={[Function]}
+                                        size="xs"
+                                      >
+                                        <li
+                                          className="euiListGroupItem euiListGroupItem--xSmall euiListGroupItem--subdued euiListGroupItem-isClickable"
+                                        >
+                                          <button
+                                            aria-label="Undock primary navigation"
+                                            className="euiListGroupItem__button"
+                                            data-test-subj="collapsible-nav-lock"
+                                            disabled={false}
+                                            onClick={[Function]}
+                                            type="button"
+                                          >
+                                            <EuiIcon
+                                              className="euiListGroupItem__icon"
+                                              type="lock"
+                                            >
+                                              <div
+                                                className="euiListGroupItem__icon"
+                                                data-euiicon-type="lock"
+                                              />
+                                            </EuiIcon>
+                                            <span
+                                              className="euiListGroupItem__label"
+                                              title="Undock navigation"
+                                            >
+                                              Undock navigation
+                                            </span>
+                                          </button>
+                                        </li>
+                                      </EuiListGroupItem>
+                                    </ul>
+                                  </EuiListGroup>
+                                </div>
+                              </div>
+                            </EuiCollapsibleNavGroup>
+                          </EuiShowFor>
+                        </div>
+                      </EuiFlexItem>
+                      <EuiButtonEmpty
+                        className="euiCollapsibleNav__closeButton"
+                        iconType="cross"
+                        onClick={[Function]}
+                        size="xs"
+                      >
+                        <button
+                          className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiCollapsibleNav__closeButton"
+                          onClick={[Function]}
+                          type="button"
+                        >
+                          <span
+                            className="euiButtonEmpty__content"
+                          >
+                            <EuiIcon
+                              aria-hidden="true"
+                              className="euiButtonEmpty__icon"
+                              size="m"
+                              type="cross"
+                            >
+                              <div
+                                aria-hidden="true"
+                                className="euiButtonEmpty__icon"
+                                data-euiicon-type="cross"
+                                size="m"
+                              />
+                            </EuiIcon>
+                            <span
+                              className="euiButtonEmpty__text"
+                            >
+                              <span
+                                className="euiCollapsibleNav__closeButtonLabel"
+                              >
+                                <EuiI18n
+                                  default="close"
+                                  token="euiCollapsibleNav.closeButtonLabel"
+                                >
+                                  close
+                                </EuiI18n>
+                              </span>
+                            </span>
+                          </span>
+                        </button>
+                      </EuiButtonEmpty>
+                    </nav>
+                  </div>
+                  <div
+                    data-focus-guard={true}
+                    style={
+                      Object {
+                        "height": "0px",
+                        "left": "1px",
+                        "overflow": "hidden",
+                        "padding": 0,
+                        "position": "fixed",
+                        "top": "1px",
+                        "width": "1px",
+                      }
+                    }
+                    tabIndex={-1}
+                  />
+                </FocusLock>
+              </div>
+            </OutsideEventDetector>
+          </EuiOutsideClickDetector>
+        </EuiFocusTrap>
+      </EuiCollapsibleNav>
+    </CollapsibleNav>
+  </header>
+</Header>
+`;
+
+exports[`Header renders 4`] = `
+<Header
+  appTitle$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "test",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  application={
+    Object {
+      "applications$": BehaviorSubject {
+        "_isScalar": false,
+        "_value": Map {},
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [],
+        "thrownError": null,
+      },
+      "capabilities": Object {
+        "catalogue": Object {},
+        "management": Object {},
+        "navLinks": Object {},
+      },
+      "currentAppId$": Observable {
+        "_isScalar": false,
+        "source": Subject {
+          "_isScalar": false,
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        },
+      },
+      "getComponent": [MockFunction],
+      "getUrlForApp": [MockFunction],
+      "navigateToApp": [MockFunction],
+      "registerMountContext": [MockFunction],
+    }
+  }
+  badge$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  basePath={
+    BasePath {
+      "basePath": "/test",
+      "get": [Function],
+      "prepend": [Function],
+      "remove": [Function],
+      "serverBasePath": "/test",
+    }
+  }
+  breadcrumbs$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "text": "test",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  forceAppSwitcherNavigation$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": false,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  helpExtension$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": undefined,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        InnerSubscriber {
+          "_parentOrParents": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              [Circular],
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 1,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": "",
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              [Circular],
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": "",
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 1,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": Object {
+            "closed": true,
+            "complete": [Function],
+            "error": [Function],
+            "next": [Function],
+          },
+          "index": 1,
+          "isStopped": false,
+          "outerIndex": 0,
+          "outerValue": [Circular],
+          "parent": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              [Circular],
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 1,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": "",
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              [Circular],
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": "",
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 1,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "syncErrorThrowable": false,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  helpSupportUrl$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        InnerSubscriber {
+          "_parentOrParents": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 0,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": undefined,
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              [Circular],
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": undefined,
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 0,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+              [Circular],
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": Object {
+            "closed": true,
+            "complete": [Function],
+            "error": [Function],
+            "next": [Function],
+          },
+          "index": 1,
+          "isStopped": false,
+          "outerIndex": 1,
+          "outerValue": [Circular],
+          "parent": CombineLatestSubscriber {
+            "_parentOrParents": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "_subscriptions": Array [
+              InnerSubscriber {
+                "_parentOrParents": [Circular],
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        [Circular],
+                      ],
+                      "thrownError": null,
+                    },
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "index": 1,
+                "isStopped": false,
+                "outerIndex": 0,
+                "outerValue": BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": undefined,
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    [Circular],
+                  ],
+                  "thrownError": null,
+                },
+                "parent": [Circular],
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              [Circular],
+            ],
+            "active": 2,
+            "closed": false,
+            "destination": Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                [Circular],
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": true,
+            "observables": Array [
+              BehaviorSubject {
+                "_isScalar": false,
+                "_value": undefined,
+                "closed": false,
+                "hasError": false,
+                "isStopped": false,
+                "observers": Array [
+                  InnerSubscriber {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": Array [
+                      SubjectSubscription {
+                        "_parentOrParents": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "subject": [Circular],
+                        "subscriber": [Circular],
+                      },
+                    ],
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "index": 1,
+                    "isStopped": false,
+                    "outerIndex": 0,
+                    "outerValue": [Circular],
+                    "parent": [Circular],
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                ],
+                "thrownError": null,
+              },
+              [Circular],
+            ],
+            "resultSelector": null,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+            "toRespond": 0,
+            "values": Array [
+              undefined,
+              "",
+            ],
+          },
+          "syncErrorThrowable": false,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  homeHref="/"
+  intl={
+    Object {
+      "defaultFormats": Object {},
+      "defaultLocale": "en",
+      "formatDate": [Function],
+      "formatHTMLMessage": [Function],
+      "formatMessage": [Function],
+      "formatNumber": [Function],
+      "formatPlural": [Function],
+      "formatRelative": [Function],
+      "formatTime": [Function],
+      "formats": Object {
+        "date": Object {
+          "full": Object {
+            "day": "numeric",
+            "month": "long",
+            "weekday": "long",
+            "year": "numeric",
+          },
+          "long": Object {
+            "day": "numeric",
+            "month": "long",
+            "year": "numeric",
+          },
+          "medium": Object {
+            "day": "numeric",
+            "month": "short",
+            "year": "numeric",
+          },
+          "short": Object {
+            "day": "numeric",
+            "month": "numeric",
+            "year": "2-digit",
+          },
+        },
+        "number": Object {
+          "currency": Object {
+            "style": "currency",
+          },
+          "percent": Object {
+            "style": "percent",
+          },
+        },
+        "relative": Object {
+          "days": Object {
+            "units": "day",
+          },
+          "hours": Object {
+            "units": "hour",
+          },
+          "minutes": Object {
+            "units": "minute",
+          },
+          "months": Object {
+            "units": "month",
+          },
+          "seconds": Object {
+            "units": "second",
+          },
+          "years": Object {
+            "units": "year",
+          },
+        },
+        "time": Object {
+          "full": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "long": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+            "timeZoneName": "short",
+          },
+          "medium": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+            "second": "numeric",
+          },
+          "short": Object {
+            "hour": "numeric",
+            "minute": "numeric",
+          },
+        },
+      },
+      "formatters": Object {
+        "getDateTimeFormat": [Function],
+        "getMessageFormat": [Function],
+        "getNumberFormat": [Function],
+        "getPluralFormat": [Function],
+        "getRelativeFormat": [Function],
+      },
+      "locale": "en",
+      "messages": Object {},
+      "now": [Function],
+      "onError": [Function],
+      "textComponent": Symbol(react.fragment),
+      "timeZone": null,
+    }
+  }
+  isLocked$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": true,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  isVisible$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": true,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  kibanaDocLink="/docs"
+  kibanaVersion="1.0.0"
+  legacyMode={false}
+  loadingCount$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": 0,
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsLeft$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navControlsRight$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navLinks$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "baseUrl": "",
+          "id": "kibana",
+          "legacy": false,
+          "title": "kibana",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  navType$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": "legacy",
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+  onIsLockedUpdate={[Function]}
+  recentlyAccessed$={
+    BehaviorSubject {
+      "_isScalar": false,
+      "_value": Array [
+        Object {
+          "id": "dashboard",
+          "label": "dashboard",
+          "link": "",
+        },
+      ],
+      "closed": false,
+      "hasError": false,
+      "isStopped": false,
+      "observers": Array [
+        Subscriber {
+          "_parentOrParents": null,
+          "_subscriptions": Array [
+            SubjectSubscription {
+              "_parentOrParents": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "subject": [Circular],
+              "subscriber": [Circular],
+            },
+          ],
+          "closed": false,
+          "destination": SafeSubscriber {
+            "_complete": undefined,
+            "_context": [Circular],
+            "_error": undefined,
+            "_next": [Function],
+            "_parentOrParents": null,
+            "_parentSubscriber": [Circular],
+            "_subscriptions": null,
+            "closed": false,
+            "destination": Object {
+              "closed": true,
+              "complete": [Function],
+              "error": [Function],
+              "next": [Function],
+            },
+            "isStopped": false,
+            "syncErrorThrowable": false,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+          "isStopped": false,
+          "syncErrorThrowable": true,
+          "syncErrorThrown": false,
+          "syncErrorValue": null,
+        },
+      ],
+      "thrownError": null,
+    }
+  }
+>
+  <LoadingIndicator
+    loadingCount$={
+      BehaviorSubject {
+        "_isScalar": false,
+        "_value": 0,
+        "closed": false,
+        "hasError": false,
+        "isStopped": false,
+        "observers": Array [
+          Subscriber {
+            "_parentOrParents": null,
+            "_subscriptions": Array [
+              SubjectSubscription {
+                "_parentOrParents": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "subject": [Circular],
+                "subscriber": [Circular],
+              },
+            ],
+            "closed": false,
+            "destination": SafeSubscriber {
+              "_complete": undefined,
+              "_context": [Circular],
+              "_error": undefined,
+              "_next": [Function],
+              "_parentOrParents": null,
+              "_parentSubscriber": [Circular],
+              "_subscriptions": null,
+              "closed": false,
+              "destination": Object {
+                "closed": true,
+                "complete": [Function],
+                "error": [Function],
+                "next": [Function],
+              },
+              "isStopped": false,
+              "syncErrorThrowable": false,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            "isStopped": false,
+            "syncErrorThrowable": true,
+            "syncErrorThrown": false,
+            "syncErrorValue": null,
+          },
+        ],
+        "thrownError": null,
+      }
+    }
+  >
+    <div
+      className="kbnLoadingIndicator hidden"
+      data-test-subj="globalLoadingIndicator-hidden"
+    >
+      <div
+        className="kbnLoadingIndicator__bar essentialAnimation"
+      />
+    </div>
+  </LoadingIndicator>
+  <header
+    className="chrHeaderWrapper hide-for-sharing chrHeaderWrapper--navIsLocked"
+    data-test-subj="headerGlobalNav"
+  >
+    <EuiHeader
+      position="fixed"
+    >
+      <div
+        className="euiHeader euiHeader--fixed"
+      >
+        <EuiHeaderSection
+          grow={false}
+        >
+          <div
+            className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--left"
+          >
+            <EuiShowFor
+              sizes={
+                Array [
+                  "xs",
+                  "s",
+                ]
+              }
+            >
+              <EuiHeaderSectionItem
+                border="right"
+                className="eui-showFor--xs eui-showFor--s"
+                key=".0"
+              >
+                <div
+                  className="euiHeaderSectionItem euiHeaderSectionItem--borderRight eui-showFor--xs eui-showFor--s"
+                >
+                  <ForwardRef
+                    aria-label="Toggle side navigation"
+                    onClick={[Function]}
+                  >
+                    <button
+                      aria-label="Toggle side navigation"
+                      className="euiHeaderSectionItem__button"
+                      onClick={[Function]}
+                      type="button"
+                    >
+                      <EuiIcon
+                        size="m"
+                        type="apps"
+                      >
+                        <div
+                          data-euiicon-type="apps"
+                          size="m"
+                        />
+                      </EuiIcon>
+                    </button>
+                  </ForwardRef>
+                </div>
+              </EuiHeaderSectionItem>
+            </EuiShowFor>
+            <EuiHeaderSectionItem
+              border="right"
+            >
+              <div
+                className="euiHeaderSectionItem euiHeaderSectionItem--borderRight"
+              >
+                <HeaderLogo
+                  forceNavigation$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": false,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  href="/"
+                  navLinks$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": Array [
+                        Object {
+                          "baseUrl": "",
+                          "id": "kibana",
+                          "legacy": false,
+                          "title": "kibana",
+                        },
+                      ],
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                        Subscriber {
+                          "_parentOrParents": null,
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": SafeSubscriber {
+                            "_complete": undefined,
+                            "_context": [Circular],
+                            "_error": undefined,
+                            "_next": [Function],
+                            "_parentOrParents": null,
+                            "_parentSubscriber": [Circular],
+                            "_subscriptions": null,
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "isStopped": false,
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                          "isStopped": false,
+                          "syncErrorThrowable": true,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  navigateToApp={[MockFunction]}
+                >
+                  <EuiHeaderLogo
+                    aria-label="Go to home page"
+                    data-test-subj="logo"
+                    href="/"
+                    iconType="logoElastic"
+                    onClick={[Function]}
+                  >
+                    <a
+                      aria-label="Go to home page"
+                      className="euiHeaderLogo"
+                      data-test-subj="logo"
+                      href="/"
+                      onClick={[Function]}
+                    >
+                      <EuiIcon
+                        aria-label="Elastic"
+                        className="euiHeaderLogo__icon"
+                        size="l"
+                        type="logoElastic"
+                      >
+                        <div
+                          aria-label="Elastic"
+                          className="euiHeaderLogo__icon"
+                          data-euiicon-type="logoElastic"
+                          size="l"
+                        />
+                      </EuiIcon>
+                    </a>
+                  </EuiHeaderLogo>
+                </HeaderLogo>
+              </div>
+            </EuiHeaderSectionItem>
+            <HeaderNavControls
+              navControls$={
+                BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": Array [],
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              side="left"
+            />
+          </div>
+        </EuiHeaderSection>
+        <HeaderBreadcrumbs
+          appTitle$={
+            BehaviorSubject {
+              "_isScalar": false,
+              "_value": "test",
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [
+                Subscriber {
+                  "_parentOrParents": null,
+                  "_subscriptions": Array [
+                    SubjectSubscription {
+                      "_parentOrParents": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "subject": [Circular],
+                      "subscriber": [Circular],
+                    },
+                  ],
+                  "closed": false,
+                  "destination": SafeSubscriber {
+                    "_complete": undefined,
+                    "_context": [Circular],
+                    "_error": undefined,
+                    "_next": [Function],
+                    "_parentOrParents": null,
+                    "_parentSubscriber": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": true,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+              ],
+              "thrownError": null,
+            }
+          }
+          breadcrumbs$={
+            BehaviorSubject {
+              "_isScalar": false,
+              "_value": Array [
+                Object {
+                  "text": "test",
+                },
+              ],
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [
+                Subscriber {
+                  "_parentOrParents": null,
+                  "_subscriptions": Array [
+                    SubjectSubscription {
+                      "_parentOrParents": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "subject": [Circular],
+                      "subscriber": [Circular],
+                    },
+                  ],
+                  "closed": false,
+                  "destination": SafeSubscriber {
+                    "_complete": undefined,
+                    "_context": [Circular],
+                    "_error": undefined,
+                    "_next": [Function],
+                    "_parentOrParents": null,
+                    "_parentSubscriber": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": true,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+              ],
+              "thrownError": null,
+            }
+          }
+        >
+          <EuiHeaderBreadcrumbs
+            breadcrumbs={
+              Array [
+                Object {
+                  "data-test-subj": "breadcrumb first last",
+                  "text": "test",
+                },
+              ]
+            }
+            data-test-subj="breadcrumbs"
+            max={10}
+          >
+            <EuiBreadcrumbs
+              breadcrumbs={
+                Array [
+                  Object {
+                    "data-test-subj": "breadcrumb first last",
+                    "text": "test",
+                  },
+                ]
+              }
+              className="euiHeaderBreadcrumbs"
+              data-test-subj="breadcrumbs"
+              max={10}
+              truncate={true}
+            >
+              <nav
+                aria-label="breadcrumb"
+                className="euiBreadcrumbs euiHeaderBreadcrumbs euiBreadcrumbs--truncate euiBreadcrumbs--responsive"
+                data-test-subj="breadcrumbs"
+              >
+                <EuiInnerText>
+                  <span
+                    aria-current="page"
+                    className="euiBreadcrumb euiBreadcrumb--last"
+                    data-test-subj="breadcrumb first last"
+                    title="test"
+                  >
+                    test
+                  </span>
+                </EuiInnerText>
+              </nav>
+            </EuiBreadcrumbs>
+          </EuiHeaderBreadcrumbs>
+        </HeaderBreadcrumbs>
+        <HeaderBadge
+          badge$={
+            BehaviorSubject {
+              "_isScalar": false,
+              "_value": undefined,
+              "closed": false,
+              "hasError": false,
+              "isStopped": false,
+              "observers": Array [
+                Subscriber {
+                  "_parentOrParents": null,
+                  "_subscriptions": Array [
+                    SubjectSubscription {
+                      "_parentOrParents": [Circular],
+                      "_subscriptions": null,
+                      "closed": false,
+                      "subject": [Circular],
+                      "subscriber": [Circular],
+                    },
+                  ],
+                  "closed": false,
+                  "destination": SafeSubscriber {
+                    "_complete": undefined,
+                    "_context": [Circular],
+                    "_error": undefined,
+                    "_next": [Function],
+                    "_parentOrParents": null,
+                    "_parentSubscriber": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "destination": Object {
+                      "closed": true,
+                      "complete": [Function],
+                      "error": [Function],
+                      "next": [Function],
+                    },
+                    "isStopped": false,
+                    "syncErrorThrowable": false,
+                    "syncErrorThrown": false,
+                    "syncErrorValue": null,
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": true,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+              ],
+              "thrownError": null,
+            }
+          }
+        />
+        <EuiHeaderSection
+          side="right"
+        >
+          <div
+            className="euiHeaderSection euiHeaderSection--dontGrow euiHeaderSection--right"
+          >
+            <EuiHeaderSectionItem>
+              <div
+                className="euiHeaderSectionItem euiHeaderSectionItem--borderLeft"
+              >
+                <InjectIntl(HeaderHelpMenuUI)
+                  helpExtension$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": undefined,
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        InnerSubscriber {
+                          "_parentOrParents": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              [Circular],
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": "",
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 1,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              [Circular],
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": "",
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 1,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "index": 1,
+                          "isStopped": false,
+                          "outerIndex": 0,
+                          "outerValue": [Circular],
+                          "parent": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              [Circular],
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": "",
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 1,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              [Circular],
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": "",
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 1,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  helpSupportUrl$={
+                    BehaviorSubject {
+                      "_isScalar": false,
+                      "_value": "",
+                      "closed": false,
+                      "hasError": false,
+                      "isStopped": false,
+                      "observers": Array [
+                        InnerSubscriber {
+                          "_parentOrParents": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": undefined,
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 0,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              [Circular],
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": undefined,
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 0,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                              [Circular],
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "_subscriptions": Array [
+                            SubjectSubscription {
+                              "_parentOrParents": [Circular],
+                              "_subscriptions": null,
+                              "closed": false,
+                              "subject": [Circular],
+                              "subscriber": [Circular],
+                            },
+                          ],
+                          "closed": false,
+                          "destination": Object {
+                            "closed": true,
+                            "complete": [Function],
+                            "error": [Function],
+                            "next": [Function],
+                          },
+                          "index": 1,
+                          "isStopped": false,
+                          "outerIndex": 1,
+                          "outerValue": [Circular],
+                          "parent": CombineLatestSubscriber {
+                            "_parentOrParents": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "_subscriptions": Array [
+                              InnerSubscriber {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": Array [
+                                  SubjectSubscription {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": null,
+                                    "closed": false,
+                                    "subject": BehaviorSubject {
+                                      "_isScalar": false,
+                                      "_value": undefined,
+                                      "closed": false,
+                                      "hasError": false,
+                                      "isStopped": false,
+                                      "observers": Array [
+                                        [Circular],
+                                      ],
+                                      "thrownError": null,
+                                    },
+                                    "subscriber": [Circular],
+                                  },
+                                ],
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "index": 1,
+                                "isStopped": false,
+                                "outerIndex": 0,
+                                "outerValue": BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    [Circular],
+                                  ],
+                                  "thrownError": null,
+                                },
+                                "parent": [Circular],
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              [Circular],
+                            ],
+                            "active": 2,
+                            "closed": false,
+                            "destination": Subscriber {
+                              "_parentOrParents": null,
+                              "_subscriptions": Array [
+                                [Circular],
+                              ],
+                              "closed": false,
+                              "destination": SafeSubscriber {
+                                "_complete": undefined,
+                                "_context": [Circular],
+                                "_error": undefined,
+                                "_next": [Function],
+                                "_parentOrParents": null,
+                                "_parentSubscriber": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "destination": Object {
+                                  "closed": true,
+                                  "complete": [Function],
+                                  "error": [Function],
+                                  "next": [Function],
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": false,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": false,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                            },
+                            "isStopped": true,
+                            "observables": Array [
+                              BehaviorSubject {
+                                "_isScalar": false,
+                                "_value": undefined,
+                                "closed": false,
+                                "hasError": false,
+                                "isStopped": false,
+                                "observers": Array [
+                                  InnerSubscriber {
+                                    "_parentOrParents": [Circular],
+                                    "_subscriptions": Array [
+                                      SubjectSubscription {
+                                        "_parentOrParents": [Circular],
+                                        "_subscriptions": null,
+                                        "closed": false,
+                                        "subject": [Circular],
+                                        "subscriber": [Circular],
+                                      },
+                                    ],
+                                    "closed": false,
+                                    "destination": Object {
+                                      "closed": true,
+                                      "complete": [Function],
+                                      "error": [Function],
+                                      "next": [Function],
+                                    },
+                                    "index": 1,
+                                    "isStopped": false,
+                                    "outerIndex": 0,
+                                    "outerValue": [Circular],
+                                    "parent": [Circular],
+                                    "syncErrorThrowable": false,
+                                    "syncErrorThrown": false,
+                                    "syncErrorValue": null,
+                                  },
+                                ],
+                                "thrownError": null,
+                              },
+                              [Circular],
+                            ],
+                            "resultSelector": null,
+                            "syncErrorThrowable": true,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                            "toRespond": 0,
+                            "values": Array [
+                              undefined,
+                              "",
+                            ],
+                          },
+                          "syncErrorThrowable": false,
+                          "syncErrorThrown": false,
+                          "syncErrorValue": null,
+                        },
+                      ],
+                      "thrownError": null,
+                    }
+                  }
+                  kibanaDocLink="/docs"
+                  kibanaVersion="1.0.0"
+                  useDefaultContent={true}
+                >
+                  <HeaderHelpMenuUI
+                    helpExtension$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": undefined,
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          InnerSubscriber {
+                            "_parentOrParents": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                [Circular],
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": "",
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 1,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": "",
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                [Circular],
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 1,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "index": 1,
+                            "isStopped": false,
+                            "outerIndex": 0,
+                            "outerValue": [Circular],
+                            "parent": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                [Circular],
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": "",
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 1,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": "",
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                [Circular],
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": "",
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 1,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    helpSupportUrl$={
+                      BehaviorSubject {
+                        "_isScalar": false,
+                        "_value": "",
+                        "closed": false,
+                        "hasError": false,
+                        "isStopped": false,
+                        "observers": Array [
+                          InnerSubscriber {
+                            "_parentOrParents": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": undefined,
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 0,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": undefined,
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                [Circular],
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 0,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                                [Circular],
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "_subscriptions": Array [
+                              SubjectSubscription {
+                                "_parentOrParents": [Circular],
+                                "_subscriptions": null,
+                                "closed": false,
+                                "subject": [Circular],
+                                "subscriber": [Circular],
+                              },
+                            ],
+                            "closed": false,
+                            "destination": Object {
+                              "closed": true,
+                              "complete": [Function],
+                              "error": [Function],
+                              "next": [Function],
+                            },
+                            "index": 1,
+                            "isStopped": false,
+                            "outerIndex": 1,
+                            "outerValue": [Circular],
+                            "parent": CombineLatestSubscriber {
+                              "_parentOrParents": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "_subscriptions": Array [
+                                InnerSubscriber {
+                                  "_parentOrParents": [Circular],
+                                  "_subscriptions": Array [
+                                    SubjectSubscription {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": null,
+                                      "closed": false,
+                                      "subject": BehaviorSubject {
+                                        "_isScalar": false,
+                                        "_value": undefined,
+                                        "closed": false,
+                                        "hasError": false,
+                                        "isStopped": false,
+                                        "observers": Array [
+                                          [Circular],
+                                        ],
+                                        "thrownError": null,
+                                      },
+                                      "subscriber": [Circular],
+                                    },
+                                  ],
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "index": 1,
+                                  "isStopped": false,
+                                  "outerIndex": 0,
+                                  "outerValue": BehaviorSubject {
+                                    "_isScalar": false,
+                                    "_value": undefined,
+                                    "closed": false,
+                                    "hasError": false,
+                                    "isStopped": false,
+                                    "observers": Array [
+                                      [Circular],
+                                    ],
+                                    "thrownError": null,
+                                  },
+                                  "parent": [Circular],
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                [Circular],
+                              ],
+                              "active": 2,
+                              "closed": false,
+                              "destination": Subscriber {
+                                "_parentOrParents": null,
+                                "_subscriptions": Array [
+                                  [Circular],
+                                ],
+                                "closed": false,
+                                "destination": SafeSubscriber {
+                                  "_complete": undefined,
+                                  "_context": [Circular],
+                                  "_error": undefined,
+                                  "_next": [Function],
+                                  "_parentOrParents": null,
+                                  "_parentSubscriber": [Circular],
+                                  "_subscriptions": null,
+                                  "closed": false,
+                                  "destination": Object {
+                                    "closed": true,
+                                    "complete": [Function],
+                                    "error": [Function],
+                                    "next": [Function],
+                                  },
+                                  "isStopped": false,
+                                  "syncErrorThrowable": false,
+                                  "syncErrorThrown": false,
+                                  "syncErrorValue": null,
+                                },
+                                "isStopped": false,
+                                "syncErrorThrowable": true,
+                                "syncErrorThrown": false,
+                                "syncErrorValue": null,
+                              },
+                              "isStopped": true,
+                              "observables": Array [
+                                BehaviorSubject {
+                                  "_isScalar": false,
+                                  "_value": undefined,
+                                  "closed": false,
+                                  "hasError": false,
+                                  "isStopped": false,
+                                  "observers": Array [
+                                    InnerSubscriber {
+                                      "_parentOrParents": [Circular],
+                                      "_subscriptions": Array [
+                                        SubjectSubscription {
+                                          "_parentOrParents": [Circular],
+                                          "_subscriptions": null,
+                                          "closed": false,
+                                          "subject": [Circular],
+                                          "subscriber": [Circular],
+                                        },
+                                      ],
+                                      "closed": false,
+                                      "destination": Object {
+                                        "closed": true,
+                                        "complete": [Function],
+                                        "error": [Function],
+                                        "next": [Function],
+                                      },
+                                      "index": 1,
+                                      "isStopped": false,
+                                      "outerIndex": 0,
+                                      "outerValue": [Circular],
+                                      "parent": [Circular],
+                                      "syncErrorThrowable": false,
+                                      "syncErrorThrown": false,
+                                      "syncErrorValue": null,
+                                    },
+                                  ],
+                                  "thrownError": null,
+                                },
+                                [Circular],
+                              ],
+                              "resultSelector": null,
+                              "syncErrorThrowable": true,
+                              "syncErrorThrown": false,
+                              "syncErrorValue": null,
+                              "toRespond": 0,
+                              "values": Array [
+                                undefined,
+                                "",
+                              ],
+                            },
+                            "syncErrorThrowable": false,
+                            "syncErrorThrown": false,
+                            "syncErrorValue": null,
+                          },
+                        ],
+                        "thrownError": null,
+                      }
+                    }
+                    intl={
+                      Object {
+                        "defaultFormats": Object {},
+                        "defaultLocale": "en",
+                        "formatDate": [Function],
+                        "formatHTMLMessage": [Function],
+                        "formatMessage": [Function],
+                        "formatNumber": [Function],
+                        "formatPlural": [Function],
+                        "formatRelative": [Function],
+                        "formatTime": [Function],
+                        "formats": Object {
+                          "date": Object {
+                            "full": Object {
+                              "day": "numeric",
+                              "month": "long",
+                              "weekday": "long",
+                              "year": "numeric",
+                            },
+                            "long": Object {
+                              "day": "numeric",
+                              "month": "long",
+                              "year": "numeric",
+                            },
+                            "medium": Object {
+                              "day": "numeric",
+                              "month": "short",
+                              "year": "numeric",
+                            },
+                            "short": Object {
+                              "day": "numeric",
+                              "month": "numeric",
+                              "year": "2-digit",
+                            },
+                          },
+                          "number": Object {
+                            "currency": Object {
+                              "style": "currency",
+                            },
+                            "percent": Object {
+                              "style": "percent",
+                            },
+                          },
+                          "relative": Object {
+                            "days": Object {
+                              "units": "day",
+                            },
+                            "hours": Object {
+                              "units": "hour",
+                            },
+                            "minutes": Object {
+                              "units": "minute",
+                            },
+                            "months": Object {
+                              "units": "month",
+                            },
+                            "seconds": Object {
+                              "units": "second",
+                            },
+                            "years": Object {
+                              "units": "year",
+                            },
+                          },
+                          "time": Object {
+                            "full": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                              "second": "numeric",
+                              "timeZoneName": "short",
+                            },
+                            "long": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                              "second": "numeric",
+                              "timeZoneName": "short",
+                            },
+                            "medium": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                              "second": "numeric",
+                            },
+                            "short": Object {
+                              "hour": "numeric",
+                              "minute": "numeric",
+                            },
+                          },
+                        },
+                        "formatters": Object {
+                          "getDateTimeFormat": [Function],
+                          "getMessageFormat": [Function],
+                          "getNumberFormat": [Function],
+                          "getPluralFormat": [Function],
+                          "getRelativeFormat": [Function],
+                        },
+                        "locale": "en",
+                        "messages": Object {},
+                        "now": [Function],
+                        "onError": [Function],
+                        "textComponent": Symbol(react.fragment),
+                        "timeZone": null,
+                      }
+                    }
+                    kibanaDocLink="/docs"
+                    kibanaVersion="1.0.0"
+                    useDefaultContent={true}
+                  >
+                    <EuiPopover
+                      anchorPosition="downRight"
+                      button={
+                        <ForwardRef
+                          aria-expanded={false}
+                          aria-haspopup="true"
+                          aria-label="Help menu"
+                          onClick={[Function]}
+                        >
+                          <EuiIcon
+                            size="m"
+                            type="help"
+                          />
+                        </ForwardRef>
+                      }
+                      closePopover={[Function]}
+                      data-test-subj="helpMenuButton"
+                      display="inlineBlock"
+                      hasArrow={true}
+                      id="headerHelpMenu"
+                      isOpen={false}
+                      ownFocus={true}
+                      panelPaddingSize="m"
+                      repositionOnScroll={true}
+                    >
+                      <EuiOutsideClickDetector
+                        isDisabled={true}
+                        onOutsideClick={[Function]}
+                      >
+                        <div
+                          className="euiPopover euiPopover--anchorDownRight"
+                          data-test-subj="helpMenuButton"
+                          id="headerHelpMenu"
+                          onKeyDown={[Function]}
+                          onMouseDown={[Function]}
+                          onMouseUp={[Function]}
+                          onTouchEnd={[Function]}
+                          onTouchStart={[Function]}
+                        >
+                          <div
+                            className="euiPopover__anchor"
+                          >
+                            <ForwardRef
+                              aria-expanded={false}
+                              aria-haspopup="true"
+                              aria-label="Help menu"
+                              onClick={[Function]}
+                            >
+                              <button
+                                aria-expanded={false}
+                                aria-haspopup="true"
+                                aria-label="Help menu"
+                                className="euiHeaderSectionItem__button"
+                                onClick={[Function]}
+                                type="button"
+                              >
+                                <EuiIcon
+                                  size="m"
+                                  type="help"
+                                >
+                                  <div
+                                    data-euiicon-type="help"
+                                    size="m"
+                                  />
+                                </EuiIcon>
+                              </button>
+                            </ForwardRef>
+                          </div>
+                        </div>
+                      </EuiOutsideClickDetector>
+                    </EuiPopover>
+                  </HeaderHelpMenuUI>
+                </InjectIntl(HeaderHelpMenuUI)>
+              </div>
+            </EuiHeaderSectionItem>
+            <HeaderNavControls
+              navControls$={
+                BehaviorSubject {
+                  "_isScalar": false,
+                  "_value": Array [],
+                  "closed": false,
+                  "hasError": false,
+                  "isStopped": false,
+                  "observers": Array [
+                    Subscriber {
+                      "_parentOrParents": null,
+                      "_subscriptions": Array [
+                        SubjectSubscription {
+                          "_parentOrParents": [Circular],
+                          "_subscriptions": null,
+                          "closed": false,
+                          "subject": [Circular],
+                          "subscriber": [Circular],
+                        },
+                      ],
+                      "closed": false,
+                      "destination": SafeSubscriber {
+                        "_complete": undefined,
+                        "_context": [Circular],
+                        "_error": undefined,
+                        "_next": [Function],
+                        "_parentOrParents": null,
+                        "_parentSubscriber": [Circular],
+                        "_subscriptions": null,
+                        "closed": false,
+                        "destination": Object {
+                          "closed": true,
+                          "complete": [Function],
+                          "error": [Function],
+                          "next": [Function],
+                        },
+                        "isStopped": false,
+                        "syncErrorThrowable": false,
+                        "syncErrorThrown": false,
+                        "syncErrorValue": null,
+                      },
+                      "isStopped": false,
+                      "syncErrorThrowable": true,
+                      "syncErrorThrown": false,
+                      "syncErrorValue": null,
+                    },
+                  ],
+                  "thrownError": null,
+                }
+              }
+              side="right"
+            />
+          </div>
+        </EuiHeaderSection>
+      </div>
+    </EuiHeader>
+    <ForwardRef(NavDrawerRenderer)
+      appId$={
+        Observable {
+          "_isScalar": false,
+          "source": Subject {
+            "_isScalar": false,
+            "closed": false,
+            "hasError": false,
+            "isStopped": false,
+            "observers": Array [
+              Subscriber {
+                "_parentOrParents": null,
+                "_subscriptions": Array [
+                  SubjectSubscription {
+                    "_parentOrParents": [Circular],
+                    "_subscriptions": null,
+                    "closed": false,
+                    "subject": [Circular],
+                    "subscriber": [Circular],
+                  },
+                ],
+                "closed": false,
+                "destination": SafeSubscriber {
+                  "_complete": undefined,
+                  "_context": [Circular],
+                  "_error": undefined,
+                  "_next": [Function],
+                  "_parentOrParents": null,
+                  "_parentSubscriber": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "destination": Object {
+                    "closed": true,
+                    "complete": [Function],
+                    "error": [Function],
+                    "next": [Function],
+                  },
+                  "isStopped": false,
+                  "syncErrorThrowable": false,
+                  "syncErrorThrown": false,
+                  "syncErrorValue": null,
+                },
+                "isStopped": false,
+                "syncErrorThrowable": true,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+            ],
+            "thrownError": null,
+          },
+        }
+      }
+      basePath={
+        BasePath {
+          "basePath": "/test",
+          "get": [Function],
+          "prepend": [Function],
+          "remove": [Function],
+          "serverBasePath": "/test",
+        }
+      }
+      isLocked={true}
+      legacyMode={false}
+      navLinks$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [
+            Object {
+              "baseUrl": "",
+              "id": "kibana",
+              "legacy": false,
+              "title": "kibana",
+            },
+          ],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+      navigateToApp={[MockFunction]}
+      onIsLockedUpdate={[Function]}
+      recentlyAccessed$={
+        BehaviorSubject {
+          "_isScalar": false,
+          "_value": Array [
+            Object {
+              "id": "dashboard",
+              "label": "dashboard",
+              "link": "",
+            },
+          ],
+          "closed": false,
+          "hasError": false,
+          "isStopped": false,
+          "observers": Array [
+            Subscriber {
+              "_parentOrParents": null,
+              "_subscriptions": Array [
+                SubjectSubscription {
+                  "_parentOrParents": [Circular],
+                  "_subscriptions": null,
+                  "closed": false,
+                  "subject": [Circular],
+                  "subscriber": [Circular],
+                },
+              ],
+              "closed": false,
+              "destination": SafeSubscriber {
+                "_complete": undefined,
+                "_context": [Circular],
+                "_error": undefined,
+                "_next": [Function],
+                "_parentOrParents": null,
+                "_parentSubscriber": [Circular],
+                "_subscriptions": null,
+                "closed": false,
+                "destination": Object {
+                  "closed": true,
+                  "complete": [Function],
+                  "error": [Function],
+                  "next": [Function],
+                },
+                "isStopped": false,
+                "syncErrorThrowable": false,
+                "syncErrorThrown": false,
+                "syncErrorValue": null,
+              },
+              "isStopped": false,
+              "syncErrorThrowable": true,
+              "syncErrorThrown": false,
+              "syncErrorValue": null,
+            },
+          ],
+          "thrownError": null,
+        }
+      }
+    >
+      <EuiNavDrawer
+        aria-label="Primary"
+        data-test-subj="navDrawer"
+        isLocked={true}
+        onIsLockedUpdate={[Function]}
+        showExpandButton={true}
+        showToolTips={true}
+      >
+        <EuiOutsideClickDetector
+          isDisabled={true}
+          onOutsideClick={[Function]}
+        >
+          <nav
+            aria-label="Primary"
+            className="euiNavDrawer euiNavDrawer-isExpanded euiNavDrawer-isLocked euiNavDrawer-flyoutIsCollapsed"
+            data-test-subj="navDrawer"
+            onMouseDown={[Function]}
+            onMouseUp={[Function]}
+            onTouchEnd={[Function]}
+            onTouchStart={[Function]}
+          >
+            <EuiFlexGroup
+              gutterSize="none"
+              responsive={false}
+            >
+              <div
+                className="euiFlexGroup euiFlexGroup--directionRow"
+              >
+                <EuiFlexItem
+                  grow={false}
+                >
+                  <div
+                    className="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <div
+                      className="euiNavDrawerMenu euiNavDrawerMenu-hasFooter"
+                      id="navDrawerMenu"
+                      onClick={[Function]}
+                    >
+                      <EuiListGroup
+                        className="euiNavDrawer__expandButton"
+                        flush={true}
+                      >
+                        <ul
+                          className="euiListGroup euiListGroup-flush euiListGroup--gutterSmall euiListGroup-maxWidthDefault euiNavDrawer__expandButton"
+                        >
+                          <EuiI18n
+                            defaults={
+                              Array [
+                                "Collapse",
+                                "Expand",
+                                "Dock navigation",
+                                "Navigation is docked",
+                                "Navigation is undocked",
+                              ]
+                            }
+                            tokens={
+                              Array [
+                                "euiNavDrawer.sideNavCollapse",
+                                "euiNavDrawer.sideNavExpand",
+                                "euiNavDrawer.sideNavLockAriaLabel",
+                                "euiNavDrawer.sideNavLockExpanded",
+                                "euiNavDrawer.sideNavLockCollapsed",
+                              ]
+                            }
+                          >
+                            <EuiListGroupItem
+                              buttonRef={[Function]}
+                              className="navDrawerExpandButton-isExpanded"
+                              data-test-subj="navDrawerExpandButton-isExpanded"
+                              extraAction={
+                                Object {
+                                  "aria-label": "Dock navigation",
+                                  "aria-pressed": true,
+                                  "className": "euiNavDrawer__expandButtonLockAction",
+                                  "color": "text",
+                                  "iconSize": "s",
+                                  "iconType": "lock",
+                                  "onClick": [Function],
+                                  "title": "Navigation is docked",
+                                }
+                              }
+                              iconType="menuLeft"
+                              label="Collapse"
+                              onClick={[Function]}
+                              showToolTip={false}
+                              size="s"
+                            >
+                              <li
+                                className="euiListGroupItem euiListGroupItem--small euiListGroupItem-isClickable euiListGroupItem-hasExtraAction navDrawerExpandButton-isExpanded"
+                              >
+                                <button
+                                  className="euiListGroupItem__button"
+                                  data-test-subj="navDrawerExpandButton-isExpanded"
+                                  disabled={false}
+                                  onClick={[Function]}
+                                  type="button"
+                                >
+                                  <EuiIcon
+                                    className="euiListGroupItem__icon"
+                                    type="menuLeft"
+                                  >
+                                    <div
+                                      className="euiListGroupItem__icon"
+                                      data-euiicon-type="menuLeft"
+                                    />
+                                  </EuiIcon>
+                                  <span
+                                    className="euiListGroupItem__label"
+                                    title="Collapse"
+                                  >
+                                    Collapse
+                                  </span>
+                                </button>
+                                <EuiButtonIcon
+                                  aria-label="Dock navigation"
+                                  aria-pressed={true}
+                                  className="euiListGroupItem__extraAction euiNavDrawer__expandButtonLockAction"
+                                  color="text"
+                                  disabled={false}
+                                  iconSize="s"
+                                  iconType="lock"
+                                  onClick={[Function]}
+                                  title="Navigation is docked"
+                                >
+                                  <button
+                                    aria-label="Dock navigation"
+                                    aria-pressed={true}
+                                    className="euiButtonIcon euiButtonIcon--text euiListGroupItem__extraAction euiNavDrawer__expandButtonLockAction"
+                                    disabled={false}
+                                    onClick={[Function]}
+                                    title="Navigation is docked"
+                                    type="button"
+                                  >
+                                    <EuiIcon
+                                      aria-hidden="true"
+                                      className="euiButtonIcon__icon"
+                                      size="s"
+                                      type="lock"
+                                    >
+                                      <div
+                                        aria-hidden="true"
+                                        className="euiButtonIcon__icon"
+                                        data-euiicon-type="lock"
+                                        size="s"
+                                      />
+                                    </EuiIcon>
+                                  </button>
+                                </EuiButtonIcon>
+                              </li>
+                            </EuiListGroupItem>
+                          </EuiI18n>
+                        </ul>
+                      </EuiListGroup>
+                      <EuiNavDrawerGroup
+                        aria-label="Recently viewed links, navigation"
+                        flyoutMenuButtonClick={[Function]}
+                        key=".$.0"
+                        listItems={
+                          Array [
+                            Object {
+                              "flyoutMenu": Object {
+                                "listItems": Array [
+                                  Object {
+                                    "aria-label": "dashboard, type: kibana",
+                                    "href": "http://localhost/",
+                                    "iconType": undefined,
+                                    "label": "dashboard",
+                                    "title": "dashboard, type: kibana",
+                                  },
+                                ],
+                                "title": "Recent items",
+                              },
+                              "iconType": "recentlyViewedApp",
+                              "isDisabled": false,
+                              "label": "Recently viewed",
+                            },
+                          ]
+                        }
+                        showToolTips={true}
+                      >
+                        <EuiListGroup
+                          aria-label="Recently viewed links, navigation"
+                          className="euiNavDrawerGroup"
+                          listItems={
+                            Array [
+                              Object {
+                                "aria-expanded": false,
+                                "aria-label": "Recently viewed",
+                                "className": "euiNavDrawerGroup__item",
+                                "data-name": "Recently viewed",
+                                "iconType": "recentlyViewedApp",
+                                "isDisabled": false,
+                                "label": "Recently viewed",
+                                "onClick": [Function],
+                                "size": "s",
+                              },
+                            ]
+                          }
+                          showToolTips={true}
+                        >
+                          <ul
+                            aria-label="Recently viewed links, navigation"
+                            className="euiListGroup euiListGroup--gutterSmall euiListGroup-maxWidthDefault euiNavDrawerGroup"
+                          >
+                            <EuiListGroupItem
+                              aria-expanded={false}
+                              aria-label="Recently viewed"
+                              className="euiNavDrawerGroup__item"
+                              data-name="Recently viewed"
+                              iconType="recentlyViewedApp"
+                              isDisabled={false}
+                              key="title-0"
+                              label="Recently viewed"
+                              onClick={[Function]}
+                              showToolTip={true}
+                              size="s"
+                              wrapText={false}
+                            >
+                              <li
+                                className="euiListGroupItem euiListGroupItem--small euiListGroupItem-isClickable euiNavDrawerGroup__item"
+                              >
+                                <EuiToolTip
+                                  anchorClassName="euiListGroupItem__tooltip"
+                                  content="Recently viewed"
+                                  delay="long"
+                                  position="right"
+                                >
+                                  <span
+                                    className="euiToolTipAnchor euiListGroupItem__tooltip"
+                                    onMouseOut={[Function]}
+                                    onMouseOver={[Function]}
+                                  >
+                                    <button
+                                      aria-expanded={false}
+                                      aria-label="Recently viewed"
+                                      className="euiListGroupItem__button"
+                                      data-name="Recently viewed"
+                                      disabled={false}
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      type="button"
+                                    >
+                                      <EuiIcon
+                                        className="euiListGroupItem__icon"
+                                        type="recentlyViewedApp"
+                                      >
+                                        <div
+                                          className="euiListGroupItem__icon"
+                                          data-euiicon-type="recentlyViewedApp"
+                                        />
+                                      </EuiIcon>
+                                      <span
+                                        className="euiListGroupItem__label"
+                                      >
+                                        Recently viewed
+                                      </span>
+                                    </button>
+                                  </span>
+                                </EuiToolTip>
+                              </li>
+                            </EuiListGroupItem>
+                          </ul>
+                        </EuiListGroup>
+                      </EuiNavDrawerGroup>
+                      <EuiHorizontalRule
+                        key=".$.1"
+                        margin="none"
+                      >
+                        <hr
+                          className="euiHorizontalRule euiHorizontalRule--full"
+                        />
+                      </EuiHorizontalRule>
+                      <EuiNavDrawerGroup
+                        aria-label="Primary navigation links"
+                        data-test-subj="navDrawerAppsMenu"
+                        flyoutMenuButtonClick={[Function]}
+                        key=".$.2"
+                        listItems={
+                          Array [
+                            Object {
+                              "data-test-subj": "navDrawerAppsMenuLink",
+                              "href": undefined,
+                              "icon": undefined,
+                              "iconType": undefined,
+                              "isActive": false,
+                              "isDisabled": undefined,
+                              "label": "kibana",
+                              "onClick": [Function],
+                            },
+                          ]
+                        }
+                        showToolTips={true}
+                      >
+                        <EuiListGroup
+                          aria-label="Primary navigation links"
+                          className="euiNavDrawerGroup"
+                          data-test-subj="navDrawerAppsMenu"
+                          listItems={
+                            Array [
+                              Object {
+                                "aria-label": "kibana",
+                                "className": "euiNavDrawerGroup__item",
+                                "data-name": "kibana",
+                                "data-test-subj": "navDrawerAppsMenuLink",
+                                "href": undefined,
+                                "icon": <span
+                                  className="euiNavDrawerGroup__itemDefaultIcon"
+                                >
+                                  k
+                                </span>,
+                                "iconType": undefined,
+                                "isActive": false,
+                                "isDisabled": undefined,
+                                "label": "kibana",
+                                "onClick": [Function],
+                                "size": "s",
+                              },
+                            ]
+                          }
+                          showToolTips={true}
+                        >
+                          <ul
+                            aria-label="Primary navigation links"
+                            className="euiListGroup euiListGroup--gutterSmall euiListGroup-maxWidthDefault euiNavDrawerGroup"
+                            data-test-subj="navDrawerAppsMenu"
+                          >
+                            <EuiListGroupItem
+                              aria-label="kibana"
+                              className="euiNavDrawerGroup__item"
+                              data-name="kibana"
+                              data-test-subj="navDrawerAppsMenuLink"
+                              icon={
+                                <span
+                                  className="euiNavDrawerGroup__itemDefaultIcon"
+                                >
+                                  k
+                                </span>
+                              }
+                              isActive={false}
+                              key="title-0"
+                              label="kibana"
+                              onClick={[Function]}
+                              showToolTip={true}
+                              size="s"
+                              wrapText={false}
+                            >
+                              <li
+                                className="euiListGroupItem euiListGroupItem--small euiListGroupItem-isClickable euiNavDrawerGroup__item"
+                              >
+                                <EuiToolTip
+                                  anchorClassName="euiListGroupItem__tooltip"
+                                  content="kibana"
+                                  delay="long"
+                                  position="right"
+                                >
+                                  <span
+                                    className="euiToolTipAnchor euiListGroupItem__tooltip"
+                                    onMouseOut={[Function]}
+                                    onMouseOver={[Function]}
+                                  >
+                                    <button
+                                      aria-label="kibana"
+                                      className="euiListGroupItem__button"
+                                      data-name="kibana"
+                                      data-test-subj="navDrawerAppsMenuLink"
+                                      disabled={false}
+                                      onBlur={[Function]}
+                                      onClick={[Function]}
+                                      onFocus={[Function]}
+                                      type="button"
+                                    >
+                                      <span
+                                        className="euiListGroupItem__icon euiNavDrawerGroup__itemDefaultIcon"
+                                      >
+                                        k
+                                      </span>
+                                      <span
+                                        className="euiListGroupItem__label"
+                                      >
+                                        kibana
+                                      </span>
+                                    </button>
+                                  </span>
+                                </EuiToolTip>
+                              </li>
+                            </EuiListGroupItem>
+                          </ul>
+                        </EuiListGroup>
+                      </EuiNavDrawerGroup>
+                    </div>
+                  </div>
+                </EuiFlexItem>
+                <EuiNavDrawerFlyout
+                  id="navDrawerFlyout"
+                  isCollapsed={true}
+                  onClose={[Function]}
+                  wrapText={true}
+                >
+                  <div
+                    aria-labelledby="navDrawerFlyoutTitle"
+                    className="euiNavDrawerFlyout euiNavDrawerFlyout-isCollapsed"
+                    id="navDrawerFlyout"
+                    onKeyDown={[Function]}
+                  >
+                    <EuiTitle
+                      className="euiNavDrawerFlyout__title"
+                      size="xxs"
+                      tabIndex="-1"
+                    >
+                      <div
+                        className="euiTitle euiTitle--xxsmall euiNavDrawerFlyout__title"
+                        id="navDrawerFlyoutTitle"
+                        tabIndex="-1"
+                      />
+                    </EuiTitle>
+                  </div>
+                </EuiNavDrawerFlyout>
+              </div>
+            </EuiFlexGroup>
+          </nav>
+        </EuiOutsideClickDetector>
+      </EuiNavDrawer>
+    </ForwardRef(NavDrawerRenderer)>
+  </header>
+</Header>
+`;
diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index e8af6160aae1a..30c4693b1af6b 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -30,15 +30,15 @@ import {
 import { i18n } from '@kbn/i18n';
 import { groupBy, sortBy } from 'lodash';
 import React, { useRef } from 'react';
-import * as Rx from 'rxjs';
 import { useObservable } from 'react-use';
-import { AppCategory } from '../../../../types';
-import { OnIsLockedUpdate } from './';
+import * as Rx from 'rxjs';
 import { ChromeNavLink, ChromeRecentlyAccessedHistoryItem } from '../..';
-import { createRecentNavLink, createEuiListItem } from './nav_link';
-import { HttpStart } from '../../../http';
+import { AppCategory } from '../../../../types';
 import { InternalApplicationStart } from '../../../application/types';
+import { HttpStart } from '../../../http';
+import { OnIsLockedUpdate } from './';
 import './collapsible_nav.scss';
+import { createEuiListItem, createRecentNavLink } from './nav_link';
 
 function getAllCategories(allCategorizedLinks: Record<string, ChromeNavLink[]>) {
   const allCategories = {} as Record<string, AppCategory | undefined>;
diff --git a/src/core/public/chrome/ui/header/header.test.tsx b/src/core/public/chrome/ui/header/header.test.tsx
index 9709a055e5b19..7fc6530b49051 100644
--- a/src/core/public/chrome/ui/header/header.test.tsx
+++ b/src/core/public/chrome/ui/header/header.test.tsx
@@ -18,12 +18,17 @@
  */
 
 import React from 'react';
+import { act } from 'react-dom/test-utils';
 import { BehaviorSubject } from 'rxjs';
+import { mountWithIntl } from 'test_utils/enzyme_helpers';
 import { NavType } from '.';
 import { httpServiceMock } from '../../../http/http_service.mock';
 import { applicationServiceMock } from '../../../mocks';
 import { Header } from './header';
-import { mountWithIntl } from 'test_utils/enzyme_helpers';
+
+interface LocalStore {
+  [key: string]: string;
+}
 
 function mockProps() {
   const http = httpServiceMock.createSetupContract({ basePath: '/test' });
@@ -54,9 +59,55 @@ function mockProps() {
   };
 }
 
-// describe('Header', () => {
-//   it('renders an empty header', () => {
-//     const component = mountWithIntl(<Header {...mockProps()} />);
-//     expect(component).toMatchSnapshot();
-//   });
-// });
+describe('Header', () => {
+  beforeAll(() => {
+    const STORE: LocalStore = {};
+    Object.defineProperty(window, 'localStorage', {
+      value: {
+        getItem: (key: string) => {
+          return STORE[key] || null;
+        },
+        setItem: (key: string, value: any) => {
+          STORE[key] = value.toString();
+        },
+      },
+    });
+  });
+
+  it('renders', () => {
+    const isVisible$ = new BehaviorSubject(false);
+    const breadcrumbs$ = new BehaviorSubject([{ text: 'test' }]);
+    const isLocked$ = new BehaviorSubject(false);
+    const navType$ = new BehaviorSubject('modern' as NavType);
+    const navLinks$ = new BehaviorSubject([
+      { id: 'kibana', title: 'kibana', baseUrl: '', legacy: false },
+    ]);
+    const recentlyAccessed$ = new BehaviorSubject([
+      { link: '', label: 'dashboard', id: 'dashboard' },
+    ]);
+    const component = mountWithIntl(
+      <Header
+        {...mockProps()}
+        isVisible$={isVisible$}
+        breadcrumbs$={breadcrumbs$}
+        navLinks$={navLinks$}
+        recentlyAccessed$={recentlyAccessed$}
+        isLocked$={isLocked$}
+        navType$={navType$}
+      />
+    );
+    expect(component).toMatchSnapshot();
+
+    act(() => isVisible$.next(true));
+    component.update();
+    expect(component).toMatchSnapshot();
+
+    act(() => isLocked$.next(true));
+    component.update();
+    expect(component).toMatchSnapshot();
+
+    act(() => navType$.next('legacy' as NavType));
+    component.update();
+    expect(component).toMatchSnapshot();
+  });
+});
diff --git a/src/core/public/chrome/ui/header/header.tsx b/src/core/public/chrome/ui/header/header.tsx
index f7ee1edebbf2a..76f224ba62250 100644
--- a/src/core/public/chrome/ui/header/header.tsx
+++ b/src/core/public/chrome/ui/header/header.tsx
@@ -32,7 +32,8 @@ import { i18n } from '@kbn/i18n';
 import classnames from 'classnames';
 import React, { createRef, useState } from 'react';
 import { useObservable } from 'react-use';
-import * as Rx from 'rxjs';
+import { Observable } from 'rxjs';
+import { LoadingIndicator } from '../';
 import {
   ChromeBadge,
   ChromeBreadcrumb,
@@ -51,28 +52,27 @@ import { HeaderHelpMenu } from './header_help_menu';
 import { HeaderLogo } from './header_logo';
 import { HeaderNavControls } from './header_nav_controls';
 import { NavDrawer } from './nav_drawer';
-import { LoadingIndicator } from '../';
 
 export interface HeaderProps {
   kibanaVersion: string;
   application: InternalApplicationStart;
-  appTitle$: Rx.Observable<string>;
-  badge$: Rx.Observable<ChromeBadge | undefined>;
-  breadcrumbs$: Rx.Observable<ChromeBreadcrumb[]>;
+  appTitle$: Observable<string>;
+  badge$: Observable<ChromeBadge | undefined>;
+  breadcrumbs$: Observable<ChromeBreadcrumb[]>;
   homeHref: string;
-  isVisible$: Rx.Observable<boolean>;
+  isVisible$: Observable<boolean>;
   kibanaDocLink: string;
-  navLinks$: Rx.Observable<ChromeNavLink[]>;
-  recentlyAccessed$: Rx.Observable<ChromeRecentlyAccessedHistoryItem[]>;
-  forceAppSwitcherNavigation$: Rx.Observable<boolean>;
-  helpExtension$: Rx.Observable<ChromeHelpExtension | undefined>;
-  helpSupportUrl$: Rx.Observable<string>;
+  navLinks$: Observable<ChromeNavLink[]>;
+  recentlyAccessed$: Observable<ChromeRecentlyAccessedHistoryItem[]>;
+  forceAppSwitcherNavigation$: Observable<boolean>;
+  helpExtension$: Observable<ChromeHelpExtension | undefined>;
+  helpSupportUrl$: Observable<string>;
   legacyMode: boolean;
-  navControlsLeft$: Rx.Observable<readonly ChromeNavControl[]>;
-  navControlsRight$: Rx.Observable<readonly ChromeNavControl[]>;
+  navControlsLeft$: Observable<readonly ChromeNavControl[]>;
+  navControlsRight$: Observable<readonly ChromeNavControl[]>;
   basePath: HttpStart['basePath'];
-  isLocked$: Rx.Observable<boolean>;
-  navType$: Rx.Observable<NavType>;
+  isLocked$: Observable<boolean>;
+  navType$: Observable<NavType>;
   loadingCount$: ReturnType<HttpStart['getLoadingCount$']>;
   onIsLockedUpdate: OnIsLockedUpdate;
 }
diff --git a/src/core/public/chrome/ui/header/header_breadcrumbs.test.tsx b/src/core/public/chrome/ui/header/header_breadcrumbs.test.tsx
index f0af4d2b01a94..7fe2c91087090 100644
--- a/src/core/public/chrome/ui/header/header_breadcrumbs.test.tsx
+++ b/src/core/public/chrome/ui/header/header_breadcrumbs.test.tsx
@@ -19,9 +19,9 @@
 
 import { mount } from 'enzyme';
 import React from 'react';
+import { act } from 'react-dom/test-utils';
 import { BehaviorSubject } from 'rxjs';
 import { HeaderBreadcrumbs } from './header_breadcrumbs';
-import { act } from 'react-dom/test-utils';
 
 describe('HeaderBreadcrumbs', () => {
   it('renders updates to the breadcrumbs$ observable', () => {
diff --git a/src/core/public/chrome/ui/header/header_breadcrumbs.tsx b/src/core/public/chrome/ui/header/header_breadcrumbs.tsx
index ad7b53f03daf5..174c46981db53 100644
--- a/src/core/public/chrome/ui/header/header_breadcrumbs.tsx
+++ b/src/core/public/chrome/ui/header/header_breadcrumbs.tsx
@@ -17,17 +17,16 @@
  * under the License.
  */
 
+import { EuiHeaderBreadcrumbs } from '@elastic/eui';
 import classNames from 'classnames';
 import React from 'react';
-import * as Rx from 'rxjs';
-
-import { EuiHeaderBreadcrumbs } from '@elastic/eui';
 import { useObservable } from 'react-use';
+import { Observable } from 'rxjs';
 import { ChromeBreadcrumb } from '../../chrome_service';
 
 interface Props {
-  appTitle$: Rx.Observable<string>;
-  breadcrumbs$: Rx.Observable<ChromeBreadcrumb[]>;
+  appTitle$: Observable<string>;
+  breadcrumbs$: Observable<ChromeBreadcrumb[]>;
 }
 
 export function HeaderBreadcrumbs({ appTitle$, breadcrumbs$ }: Props) {
diff --git a/src/core/public/chrome/ui/header/header_logo.tsx b/src/core/public/chrome/ui/header/header_logo.tsx
index 518ea476728e5..54d80c54ed183 100644
--- a/src/core/public/chrome/ui/header/header_logo.tsx
+++ b/src/core/public/chrome/ui/header/header_logo.tsx
@@ -17,12 +17,12 @@
  * under the License.
  */
 
-import Url from 'url';
-import React from 'react';
-import { i18n } from '@kbn/i18n';
 import { EuiHeaderLogo } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+import React from 'react';
 import { useObservable } from 'react-use';
-import * as Rx from 'rxjs';
+import { Observable } from 'rxjs';
+import Url from 'url';
 import { ChromeNavLink } from '../..';
 
 function findClosestAnchor(element: HTMLElement): HTMLAnchorElement | void {
@@ -87,8 +87,8 @@ function onClick(
 
 interface Props {
   href: string;
-  navLinks$: Rx.Observable<ChromeNavLink[]>;
-  forceNavigation$: Rx.Observable<boolean>;
+  navLinks$: Observable<ChromeNavLink[]>;
+  forceNavigation$: Observable<boolean>;
   navigateToApp: (appId: string) => void;
 }
 
diff --git a/src/core/public/chrome/ui/header/header_nav_controls.tsx b/src/core/public/chrome/ui/header/header_nav_controls.tsx
index d6d5be05c4904..0941f7b27b662 100644
--- a/src/core/public/chrome/ui/header/header_nav_controls.tsx
+++ b/src/core/public/chrome/ui/header/header_nav_controls.tsx
@@ -17,15 +17,15 @@
  * under the License.
  */
 
-import React from 'react';
 import { EuiHeaderSectionItem } from '@elastic/eui';
-import * as Rx from 'rxjs';
+import React from 'react';
 import { useObservable } from 'react-use';
+import { Observable } from 'rxjs';
 import { ChromeNavControl } from '../../nav_controls';
 import { HeaderExtension } from './header_extension';
 
 interface Props {
-  navControls$: Rx.Observable<readonly ChromeNavControl[]>;
+  navControls$: Observable<readonly ChromeNavControl[]>;
   side: 'left' | 'right';
 }
 
diff --git a/src/core/public/chrome/ui/header/nav_drawer.tsx b/src/core/public/chrome/ui/header/nav_drawer.tsx
index cb2d1dbef5c90..f6d5e36c857d0 100644
--- a/src/core/public/chrome/ui/header/nav_drawer.tsx
+++ b/src/core/public/chrome/ui/header/nav_drawer.tsx
@@ -17,26 +17,26 @@
  * under the License.
  */
 
-import React from 'react';
-import { i18n } from '@kbn/i18n';
 // @ts-ignore
-import { EuiNavDrawer, EuiHorizontalRule, EuiNavDrawerGroup } from '@elastic/eui';
-import * as Rx from 'rxjs';
+import { EuiHorizontalRule, EuiNavDrawer, EuiNavDrawerGroup } from '@elastic/eui';
+import { i18n } from '@kbn/i18n';
+import React from 'react';
 import { useObservable } from 'react-use';
+import { Observable } from 'rxjs';
+import { ChromeNavLink, ChromeRecentlyAccessedHistoryItem, CoreStart } from '../../..';
+import { InternalApplicationStart } from '../../../application/types';
+import { HttpStart } from '../../../http';
 import { OnIsLockedUpdate } from './';
+import { createEuiListItem, createRecentNavLink } from './nav_link';
 import { RecentLinks } from './recent_links';
-import { HttpStart } from '../../../http';
-import { InternalApplicationStart } from '../../../application/types';
-import { createRecentNavLink, createEuiListItem } from './nav_link';
-import { ChromeNavLink, CoreStart, ChromeRecentlyAccessedHistoryItem } from '../../..';
 
 export interface Props {
   appId$: InternalApplicationStart['currentAppId$'];
   basePath: HttpStart['basePath'];
   isLocked?: boolean;
   legacyMode: boolean;
-  navLinks$: Rx.Observable<ChromeNavLink[]>;
-  recentlyAccessed$: Rx.Observable<ChromeRecentlyAccessedHistoryItem[]>;
+  navLinks$: Observable<ChromeNavLink[]>;
+  recentlyAccessed$: Observable<ChromeRecentlyAccessedHistoryItem[]>;
   navigateToApp: CoreStart['application']['navigateToApp'];
   onIsLockedUpdate?: OnIsLockedUpdate;
 }
diff --git a/src/core/public/chrome/ui/header/nav_link.tsx b/src/core/public/chrome/ui/header/nav_link.tsx
index c56d799238a49..1e24851c0242c 100644
--- a/src/core/public/chrome/ui/header/nav_link.tsx
+++ b/src/core/public/chrome/ui/header/nav_link.tsx
@@ -17,10 +17,10 @@
  * under the License.
  */
 
-import React from 'react';
-import { i18n } from '@kbn/i18n';
 import { EuiImage } from '@elastic/eui';
-import { ChromeNavLink, CoreStart, ChromeRecentlyAccessedHistoryItem } from '../../..';
+import { i18n } from '@kbn/i18n';
+import React from 'react';
+import { ChromeNavLink, ChromeRecentlyAccessedHistoryItem, CoreStart } from '../../..';
 import { HttpStart } from '../../../http';
 import { relativeToAbsolute } from '../../nav_links/to_nav_link';
 
diff --git a/src/core/server/legacy/plugins/get_nav_links.ts b/src/core/server/legacy/plugins/get_nav_links.ts
index d8c7bbc83391b..067fb204ca7f3 100644
--- a/src/core/server/legacy/plugins/get_nav_links.ts
+++ b/src/core/server/legacy/plugins/get_nav_links.ts
@@ -38,7 +38,6 @@ function legacyAppToNavLink(spec: LegacyAppSpec): LegacyNavLink {
     euiIconType: spec.euiIconType,
     url: spec.url || `/app/${spec.id}`,
     linkToLastSubUrl: spec.linkToLastSubUrl ?? true,
-    href: undefined,
   };
 }
 
@@ -57,7 +56,6 @@ function legacyLinkToNavLink(spec: LegacyNavLinkSpec): LegacyNavLink {
     hidden: spec.hidden ?? false,
     disabled: spec.disabled ?? false,
     tooltip: spec.tooltip ?? '',
-    href: undefined,
   };
 }
 
diff --git a/src/core/server/legacy/types.ts b/src/core/server/legacy/types.ts
index 2567ca790e04f..98f8d874c7088 100644
--- a/src/core/server/legacy/types.ts
+++ b/src/core/server/legacy/types.ts
@@ -151,7 +151,7 @@ export type LegacyAppSpec = Partial<LegacyNavLink> & {
  * @internal
  * @deprecated
  */
-export type LegacyNavLink = Omit<ChromeNavLink, 'baseUrl' | 'legacy' | 'order'> & {
+export type LegacyNavLink = Omit<ChromeNavLink, 'baseUrl' | 'legacy' | 'order' | 'href'> & {
   order: number;
 };
 

From 06ac35ea5816ba67dc285caaa74c228cfd6bb9ac Mon Sep 17 00:00:00 2001
From: Michail Yasonik <michail.yasonik@elastic.co>
Date: Thu, 21 May 2020 15:54:10 -0400
Subject: [PATCH 05/11] stubbing test autogenerated ids

---
 .../header/__snapshots__/header.test.tsx.snap | 62 +++++++++----------
 .../public/chrome/ui/header/header.test.tsx   |  4 ++
 2 files changed, 35 insertions(+), 31 deletions(-)

diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index 9473f3c38e714..8dcca2db9fb88 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -2192,7 +2192,7 @@ exports[`Header renders 2`] = `
                 className="euiHeaderSectionItem euiHeaderSectionItem--borderRight header__toggleNavButtonSection"
               >
                 <ForwardRef
-                  aria-controls="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+                  aria-controls="mockId"
                   aria-expanded={false}
                   aria-label="Toggle primary navigation"
                   aria-pressed={false}
@@ -2200,7 +2200,7 @@ exports[`Header renders 2`] = `
                   onClick={[Function]}
                 >
                   <button
-                    aria-controls="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+                    aria-controls="mockId"
                     aria-expanded={false}
                     aria-label="Toggle primary navigation"
                     aria-pressed={false}
@@ -4452,7 +4452,7 @@ exports[`Header renders 2`] = `
       }
       closeNav={[Function]}
       homeHref="/"
-      id="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+      id="mockId"
       isLocked={false}
       isOpen={false}
       legacyMode={false}
@@ -4610,7 +4610,7 @@ exports[`Header renders 2`] = `
       <EuiCollapsibleNav
         aria-label="Primary"
         data-test-subj="collapsibleNav"
-        id="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+        id="mockId"
         isDocked={false}
         isOpen={false}
         onClose={[Function]}
@@ -6274,7 +6274,7 @@ exports[`Header renders 3`] = `
                 className="euiHeaderSectionItem euiHeaderSectionItem--borderRight header__toggleNavButtonSection"
               >
                 <ForwardRef
-                  aria-controls="ief2f92b1-9ab2-11ea-a255-b1da15b4d3ca"
+                  aria-controls="mockId"
                   aria-expanded={false}
                   aria-label="Toggle primary navigation"
                   aria-pressed={false}
@@ -6282,7 +6282,7 @@ exports[`Header renders 3`] = `
                   onClick={[Function]}
                 >
                   <button
-                    aria-controls="ief2f92b1-9ab2-11ea-a255-b1da15b4d3ca"
+                    aria-controls="mockId"
                     aria-expanded={false}
                     aria-label="Toggle primary navigation"
                     aria-pressed={false}
@@ -8534,7 +8534,7 @@ exports[`Header renders 3`] = `
       }
       closeNav={[Function]}
       homeHref="/"
-      id="ief2f92b1-9ab2-11ea-a255-b1da15b4d3ca"
+      id="mockId"
       isLocked={true}
       isOpen={false}
       legacyMode={false}
@@ -8692,7 +8692,7 @@ exports[`Header renders 3`] = `
       <EuiCollapsibleNav
         aria-label="Primary"
         data-test-subj="collapsibleNav"
-        id="ief2f92b1-9ab2-11ea-a255-b1da15b4d3ca"
+        id="mockId"
         isDocked={true}
         isOpen={false}
         onClose={[Function]}
@@ -8783,14 +8783,14 @@ exports[`Header renders 3`] = `
                             aria-label="Primary"
                             class="euiCollapsibleNav euiCollapsibleNav--isDocked"
                             data-test-subj="collapsibleNav"
-                            id="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+                            id="mockId"
                           >
                             <div
                               class="euiFlexItem euiFlexItem--flexGrowZero"
                             >
                               <div
                                 class="euiCollapsibleNavGroup euiCollapsibleNavGroup--light eui-yScroll"
-                                id="ief30a421-9ab2-11ea-a255-b1da15b4d3ca"
+                                id="mockId"
                                 style="max-height: 40vh;"
                               >
                                 <div
@@ -8832,7 +8832,7 @@ exports[`Header renders 3`] = `
                                 class="euiAccordion__triggerWrapper"
                               >
                                 <button
-                                  aria-controls="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                                  aria-controls="mockId"
                                   aria-expanded="true"
                                   class="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
                                   type="button"
@@ -8856,7 +8856,7 @@ exports[`Header renders 3`] = `
                                       >
                                         <h3
                                           class="euiTitle euiTitle--xxsmall euiCollapsibleNavGroup__title"
-                                          id="ief311951-9ab2-11ea-a255-b1da15b4d3ca__title"
+                                          id="mockId__title"
                                         >
                                           Recently viewed
                                         </h3>
@@ -8867,7 +8867,7 @@ exports[`Header renders 3`] = `
                               </div>
                               <div
                                 class="euiAccordion__childWrapper"
-                                id="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                                id="mockId"
                               >
                                 <div>
                                   <div
@@ -8914,7 +8914,7 @@ exports[`Header renders 3`] = `
                               <div
                                 class="euiCollapsibleNavGroup"
                                 data-test-subj="collapsibleNavGroup-noCategory"
-                                id="ief31b591-9ab2-11ea-a255-b1da15b4d3ca"
+                                id="mockId"
                               >
                                 <div
                                   class="euiCollapsibleNavGroup__children"
@@ -8943,7 +8943,7 @@ exports[`Header renders 3`] = `
                               </div>
                               <div
                                 class="euiCollapsibleNavGroup eui-showFor--l eui-showFor--xl"
-                                id="ief31dca1-9ab2-11ea-a255-b1da15b4d3ca"
+                                id="mockId"
                               >
                                 <div
                                   class="euiCollapsibleNavGroup__children"
@@ -9017,14 +9017,14 @@ exports[`Header renders 3`] = `
                               aria-label="Primary"
                               class="euiCollapsibleNav euiCollapsibleNav--isDocked"
                               data-test-subj="collapsibleNav"
-                              id="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+                              id="mockId"
                             >
                               <div
                                 class="euiFlexItem euiFlexItem--flexGrowZero"
                               >
                                 <div
                                   class="euiCollapsibleNavGroup euiCollapsibleNavGroup--light eui-yScroll"
-                                  id="ief30a421-9ab2-11ea-a255-b1da15b4d3ca"
+                                  id="mockId"
                                   style="max-height: 40vh;"
                                 >
                                   <div
@@ -9066,7 +9066,7 @@ exports[`Header renders 3`] = `
                                   class="euiAccordion__triggerWrapper"
                                 >
                                   <button
-                                    aria-controls="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                                    aria-controls="mockId"
                                     aria-expanded="true"
                                     class="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
                                     type="button"
@@ -9090,7 +9090,7 @@ exports[`Header renders 3`] = `
                                         >
                                           <h3
                                             class="euiTitle euiTitle--xxsmall euiCollapsibleNavGroup__title"
-                                            id="ief311951-9ab2-11ea-a255-b1da15b4d3ca__title"
+                                            id="mockId__title"
                                           >
                                             Recently viewed
                                           </h3>
@@ -9101,7 +9101,7 @@ exports[`Header renders 3`] = `
                                 </div>
                                 <div
                                   class="euiAccordion__childWrapper"
-                                  id="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                                  id="mockId"
                                 >
                                   <div>
                                     <div
@@ -9148,7 +9148,7 @@ exports[`Header renders 3`] = `
                                 <div
                                   class="euiCollapsibleNavGroup"
                                   data-test-subj="collapsibleNavGroup-noCategory"
-                                  id="ief31b591-9ab2-11ea-a255-b1da15b4d3ca"
+                                  id="mockId"
                                 >
                                   <div
                                     class="euiCollapsibleNavGroup__children"
@@ -9177,7 +9177,7 @@ exports[`Header renders 3`] = `
                                 </div>
                                 <div
                                   class="euiCollapsibleNavGroup eui-showFor--l eui-showFor--xl"
-                                  id="ief31dca1-9ab2-11ea-a255-b1da15b4d3ca"
+                                  id="mockId"
                                 >
                                   <div
                                     class="euiCollapsibleNavGroup__children"
@@ -9245,7 +9245,7 @@ exports[`Header renders 3`] = `
                       aria-label="Primary"
                       className="euiCollapsibleNav euiCollapsibleNav--isDocked"
                       data-test-subj="collapsibleNav"
-                      id="ief2a89a1-9ab2-11ea-a255-b1da15b4d3ca"
+                      id="mockId"
                     >
                       <EuiFlexItem
                         grow={false}
@@ -9274,7 +9274,7 @@ exports[`Header renders 3`] = `
                           >
                             <div
                               className="euiCollapsibleNavGroup euiCollapsibleNavGroup--light eui-yScroll"
-                              id="ief30a421-9ab2-11ea-a255-b1da15b4d3ca"
+                              id="mockId"
                               style={
                                 Object {
                                   "maxHeight": "40vh",
@@ -9378,7 +9378,7 @@ exports[`Header renders 3`] = `
                                 >
                                   <h3
                                     className="euiCollapsibleNavGroup__title"
-                                    id="ief311951-9ab2-11ea-a255-b1da15b4d3ca__title"
+                                    id="mockId__title"
                                   >
                                     Recently viewed
                                   </h3>
@@ -9388,7 +9388,7 @@ exports[`Header renders 3`] = `
                           }
                           className="euiCollapsibleNavGroup euiCollapsibleNavGroup--light euiCollapsibleNavGroup--withHeading"
                           data-test-subj="collapsibleNavGroup-recentlyViewed"
-                          id="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                          id="mockId"
                           initialIsOpen={true}
                           onToggle={[Function]}
                           paddingSize="none"
@@ -9402,7 +9402,7 @@ exports[`Header renders 3`] = `
                               className="euiAccordion__triggerWrapper"
                             >
                               <button
-                                aria-controls="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                                aria-controls="mockId"
                                 aria-expanded={true}
                                 className="euiAccordion__button euiAccordion__buttonReverse euiCollapsibleNavGroup__heading"
                                 onClick={[Function]}
@@ -9443,7 +9443,7 @@ exports[`Header renders 3`] = `
                                           >
                                             <h3
                                               className="euiTitle euiTitle--xxsmall euiCollapsibleNavGroup__title"
-                                              id="ief311951-9ab2-11ea-a255-b1da15b4d3ca__title"
+                                              id="mockId__title"
                                             >
                                               Recently viewed
                                             </h3>
@@ -9457,7 +9457,7 @@ exports[`Header renders 3`] = `
                             </div>
                             <div
                               className="euiAccordion__childWrapper"
-                              id="ief311951-9ab2-11ea-a255-b1da15b4d3ca"
+                              id="mockId"
                             >
                               <EuiResizeObserver
                                 onResize={[Function]}
@@ -9561,7 +9561,7 @@ exports[`Header renders 3`] = `
                             <div
                               className="euiCollapsibleNavGroup"
                               data-test-subj="collapsibleNavGroup-noCategory"
-                              id="ief31b591-9ab2-11ea-a255-b1da15b4d3ca"
+                              id="mockId"
                             >
                               <div
                                 className="euiCollapsibleNavGroup__children"
@@ -9618,7 +9618,7 @@ exports[`Header renders 3`] = `
                             >
                               <div
                                 className="euiCollapsibleNavGroup eui-showFor--l eui-showFor--xl"
-                                id="ief31dca1-9ab2-11ea-a255-b1da15b4d3ca"
+                                id="mockId"
                               >
                                 <div
                                   className="euiCollapsibleNavGroup__children"
diff --git a/src/core/public/chrome/ui/header/header.test.tsx b/src/core/public/chrome/ui/header/header.test.tsx
index 7fc6530b49051..d1025dc94e892 100644
--- a/src/core/public/chrome/ui/header/header.test.tsx
+++ b/src/core/public/chrome/ui/header/header.test.tsx
@@ -26,6 +26,10 @@ import { httpServiceMock } from '../../../http/http_service.mock';
 import { applicationServiceMock } from '../../../mocks';
 import { Header } from './header';
 
+jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
+  htmlIdGenerator: () => () => 'mockId',
+}));
+
 interface LocalStore {
   [key: string]: string;
 }

From 37ac9e438d179b2f31f7fff2afeda044b07cb608 Mon Sep 17 00:00:00 2001
From: Michail Yasonik <michail.yasonik@elastic.co>
Date: Thu, 21 May 2020 19:29:15 -0400
Subject: [PATCH 06/11] header snapshot fix

---
 .../header/__snapshots__/header.test.tsx.snap | 58 ++++++++++++++-----
 1 file changed, 43 insertions(+), 15 deletions(-)

diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index 8dcca2db9fb88..4f59e88dbfe88 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -2191,7 +2191,7 @@ exports[`Header renders 2`] = `
               <div
                 className="euiHeaderSectionItem euiHeaderSectionItem--borderRight header__toggleNavButtonSection"
               >
-                <ForwardRef
+                <EuiHeaderSectionItemButton
                   aria-controls="mockId"
                   aria-expanded={false}
                   aria-label="Toggle primary navigation"
@@ -2219,7 +2219,7 @@ exports[`Header renders 2`] = `
                       />
                     </EuiIcon>
                   </button>
-                </ForwardRef>
+                </EuiHeaderSectionItemButton>
               </div>
             </EuiHeaderSectionItem>
             <EuiHeaderSectionItem
@@ -2387,6 +2387,7 @@ exports[`Header renders 2`] = `
                       data-test-subj="logo"
                       href="/"
                       onClick={[Function]}
+                      rel="noreferrer"
                     >
                       <EuiIcon
                         aria-label="Elastic"
@@ -4300,7 +4301,7 @@ exports[`Header renders 2`] = `
                           <div
                             className="euiPopover__anchor"
                           >
-                            <ForwardRef
+                            <EuiHeaderSectionItemButton
                               aria-expanded={false}
                               aria-haspopup="true"
                               aria-label="Help menu"
@@ -4324,7 +4325,7 @@ exports[`Header renders 2`] = `
                                   />
                                 </EuiIcon>
                               </button>
-                            </ForwardRef>
+                            </EuiHeaderSectionItemButton>
                           </div>
                         </div>
                       </EuiOutsideClickDetector>
@@ -6273,7 +6274,7 @@ exports[`Header renders 3`] = `
               <div
                 className="euiHeaderSectionItem euiHeaderSectionItem--borderRight header__toggleNavButtonSection"
               >
-                <ForwardRef
+                <EuiHeaderSectionItemButton
                   aria-controls="mockId"
                   aria-expanded={false}
                   aria-label="Toggle primary navigation"
@@ -6301,7 +6302,7 @@ exports[`Header renders 3`] = `
                       />
                     </EuiIcon>
                   </button>
-                </ForwardRef>
+                </EuiHeaderSectionItemButton>
               </div>
             </EuiHeaderSectionItem>
             <EuiHeaderSectionItem
@@ -6469,6 +6470,7 @@ exports[`Header renders 3`] = `
                       data-test-subj="logo"
                       href="/"
                       onClick={[Function]}
+                      rel="noreferrer"
                     >
                       <EuiIcon
                         aria-label="Elastic"
@@ -8382,7 +8384,7 @@ exports[`Header renders 3`] = `
                           <div
                             className="euiPopover__anchor"
                           >
-                            <ForwardRef
+                            <EuiHeaderSectionItemButton
                               aria-expanded={false}
                               aria-haspopup="true"
                               aria-label="Help menu"
@@ -8406,7 +8408,7 @@ exports[`Header renders 3`] = `
                                   />
                                 </EuiIcon>
                               </button>
-                            </ForwardRef>
+                            </EuiHeaderSectionItemButton>
                           </div>
                         </div>
                       </EuiOutsideClickDetector>
@@ -8807,6 +8809,7 @@ exports[`Header renders 3`] = `
                                       <a
                                         class="euiListGroupItem__button"
                                         href="/"
+                                        rel="noreferrer"
                                       >
                                         <div
                                           class="euiListGroupItem__icon"
@@ -8889,6 +8892,7 @@ exports[`Header renders 3`] = `
                                             class="euiListGroupItem__button"
                                             data-test-subj="collapsibleNavAppLink--recent"
                                             href="http://localhost/"
+                                            rel="noreferrer"
                                             title="dashboard, type: kibana"
                                           >
                                             <span
@@ -9041,6 +9045,7 @@ exports[`Header renders 3`] = `
                                         <a
                                           class="euiListGroupItem__button"
                                           href="/"
+                                          rel="noreferrer"
                                         >
                                           <div
                                             class="euiListGroupItem__icon"
@@ -9123,6 +9128,7 @@ exports[`Header renders 3`] = `
                                               class="euiListGroupItem__button"
                                               data-test-subj="collapsibleNavAppLink--recent"
                                               href="http://localhost/"
+                                              rel="noreferrer"
                                               title="dashboard, type: kibana"
                                             >
                                               <span
@@ -9328,6 +9334,7 @@ exports[`Header renders 3`] = `
                                           className="euiListGroupItem__button"
                                           href="/"
                                           onClick={[Function]}
+                                          rel="noreferrer"
                                         >
                                           <EuiIcon
                                             className="euiListGroupItem__icon"
@@ -9520,6 +9527,7 @@ exports[`Header renders 3`] = `
                                                 data-test-subj="collapsibleNavAppLink--recent"
                                                 href="http://localhost/"
                                                 onClick={[Function]}
+                                                rel="noreferrer"
                                                 title="dashboard, type: kibana"
                                               >
                                                 <span
@@ -11430,7 +11438,7 @@ exports[`Header renders 4`] = `
                 <div
                   className="euiHeaderSectionItem euiHeaderSectionItem--borderRight eui-showFor--xs eui-showFor--s"
                 >
-                  <ForwardRef
+                  <EuiHeaderSectionItemButton
                     aria-label="Toggle side navigation"
                     onClick={[Function]}
                   >
@@ -11450,7 +11458,7 @@ exports[`Header renders 4`] = `
                         />
                       </EuiIcon>
                     </button>
-                  </ForwardRef>
+                  </EuiHeaderSectionItemButton>
                 </div>
               </EuiHeaderSectionItem>
             </EuiShowFor>
@@ -11619,6 +11627,7 @@ exports[`Header renders 4`] = `
                       data-test-subj="logo"
                       href="/"
                       onClick={[Function]}
+                      rel="noreferrer"
                     >
                       <EuiIcon
                         aria-label="Elastic"
@@ -13532,7 +13541,7 @@ exports[`Header renders 4`] = `
                           <div
                             className="euiPopover__anchor"
                           >
-                            <ForwardRef
+                            <EuiHeaderSectionItemButton
                               aria-expanded={false}
                               aria-haspopup="true"
                               aria-label="Help menu"
@@ -13556,7 +13565,7 @@ exports[`Header renders 4`] = `
                                   />
                                 </EuiIcon>
                               </button>
-                            </ForwardRef>
+                            </EuiHeaderSectionItemButton>
                           </div>
                         </div>
                       </EuiOutsideClickDetector>
@@ -13902,7 +13911,26 @@ exports[`Header renders 4`] = `
                             }
                           >
                             <EuiListGroupItem
-                              buttonRef={[Function]}
+                              buttonRef={
+                                Object {
+                                  "current": <button
+                                    class="euiListGroupItem__button"
+                                    data-test-subj="navDrawerExpandButton-isExpanded"
+                                    type="button"
+                                  >
+                                    <div
+                                      class="euiListGroupItem__icon"
+                                      data-euiicon-type="menuLeft"
+                                    />
+                                    <span
+                                      class="euiListGroupItem__label"
+                                      title="Collapse"
+                                    >
+                                      Collapse
+                                    </span>
+                                  </button>,
+                                }
+                              }
                               className="navDrawerExpandButton-isExpanded"
                               data-test-subj="navDrawerExpandButton-isExpanded"
                               extraAction={
@@ -14232,6 +14260,7 @@ exports[`Header renders 4`] = `
                 <EuiNavDrawerFlyout
                   id="navDrawerFlyout"
                   isCollapsed={true}
+                  listItems={null}
                   onClose={[Function]}
                   wrapText={true}
                 >
@@ -14244,12 +14273,11 @@ exports[`Header renders 4`] = `
                     <EuiTitle
                       className="euiNavDrawerFlyout__title"
                       size="xxs"
-                      tabIndex="-1"
                     >
                       <div
                         className="euiTitle euiTitle--xxsmall euiNavDrawerFlyout__title"
                         id="navDrawerFlyoutTitle"
-                        tabIndex="-1"
+                        tabIndex={-1}
                       />
                     </EuiTitle>
                   </div>

From 3b3b663af53dd49a09b565c5ec3a4c415591c3bd Mon Sep 17 00:00:00 2001
From: Michail Yasonik <michail.yasonik@elastic.co>
Date: Wed, 27 May 2020 13:51:51 -0400
Subject: [PATCH 07/11] PR nit resolution

---
 .../public/chrome/ui/header/collapsible_nav.tsx   |  2 +-
 src/core/public/chrome/ui/header/header.test.tsx  | 15 ++-------------
 src/core/public/chrome/ui/header/nav_link.tsx     |  6 +++---
 3 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index 30c4693b1af6b..b62affc08c688 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -17,6 +17,7 @@
  * under the License.
  */
 
+import './collapsible_nav.scss';
 import {
   EuiCollapsibleNav,
   EuiCollapsibleNavGroup,
@@ -37,7 +38,6 @@ import { AppCategory } from '../../../../types';
 import { InternalApplicationStart } from '../../../application/types';
 import { HttpStart } from '../../../http';
 import { OnIsLockedUpdate } from './';
-import './collapsible_nav.scss';
 import { createEuiListItem, createRecentNavLink } from './nav_link';
 
 function getAllCategories(allCategorizedLinks: Record<string, ChromeNavLink[]>) {
diff --git a/src/core/public/chrome/ui/header/header.test.tsx b/src/core/public/chrome/ui/header/header.test.tsx
index d1025dc94e892..13e1f6f086ae2 100644
--- a/src/core/public/chrome/ui/header/header.test.tsx
+++ b/src/core/public/chrome/ui/header/header.test.tsx
@@ -25,15 +25,12 @@ import { NavType } from '.';
 import { httpServiceMock } from '../../../http/http_service.mock';
 import { applicationServiceMock } from '../../../mocks';
 import { Header } from './header';
+import { StubBrowserStorage } from 'test_utils/stub_browser_storage';
 
 jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
   htmlIdGenerator: () => () => 'mockId',
 }));
 
-interface LocalStore {
-  [key: string]: string;
-}
-
 function mockProps() {
   const http = httpServiceMock.createSetupContract({ basePath: '/test' });
   const application = applicationServiceMock.createInternalStartContract();
@@ -65,16 +62,8 @@ function mockProps() {
 
 describe('Header', () => {
   beforeAll(() => {
-    const STORE: LocalStore = {};
     Object.defineProperty(window, 'localStorage', {
-      value: {
-        getItem: (key: string) => {
-          return STORE[key] || null;
-        },
-        setItem: (key: string, value: any) => {
-          STORE[key] = value.toString();
-        },
-      },
+      value: new StubBrowserStorage(),
     });
   });
 
diff --git a/src/core/public/chrome/ui/header/nav_link.tsx b/src/core/public/chrome/ui/header/nav_link.tsx
index 1e24851c0242c..76e54ddf2668a 100644
--- a/src/core/public/chrome/ui/header/nav_link.tsx
+++ b/src/core/public/chrome/ui/header/nav_link.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { EuiImage } from '@elastic/eui';
+import { EuiImage, EuiListGroupItemProps } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import React from 'react';
 import { ChromeNavLink, ChromeRecentlyAccessedHistoryItem, CoreStart } from '../../..';
@@ -50,7 +50,7 @@ export function createEuiListItem({
   onClick = () => {},
   navigateToApp,
   dataTestSubj,
-}: Props) {
+}: Props): EuiListGroupItemProps {
   const { legacy, active, id, title, disabled, euiIconType, icon, tooltip, href } = link;
 
   return {
@@ -102,7 +102,7 @@ export function createRecentNavLink(
   recentLink: ChromeRecentlyAccessedHistoryItem,
   navLinks: ChromeNavLink[],
   basePath: HttpStart['basePath']
-) {
+): EuiListGroupItemProps {
   const { link, label } = recentLink;
   const href = relativeToAbsolute(basePath.prepend(link));
   const navLink = navLinks.find(nl => href.startsWith(nl.baseUrl ?? nl.subUrlBase));

From 4a045037aa53a679df75932b6bd025ed3506fe6d Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Wed, 27 May 2020 16:10:40 -0700
Subject: [PATCH 08/11] apply prettier to changed files

---
 src/core/public/chrome/chrome_service.tsx        |  6 +++---
 .../public/chrome/ui/header/collapsible_nav.tsx  | 16 ++++++++--------
 src/core/public/chrome/ui/header/header_logo.tsx |  4 ++--
 src/core/public/chrome/ui/header/nav_drawer.tsx  |  6 +++---
 src/core/public/chrome/ui/header/nav_link.tsx    |  2 +-
 5 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/core/public/chrome/chrome_service.tsx b/src/core/public/chrome/chrome_service.tsx
index e3decb8ca671d..67cd43f0647e4 100644
--- a/src/core/public/chrome/chrome_service.tsx
+++ b/src/core/public/chrome/chrome_service.tsx
@@ -117,9 +117,9 @@ export class ChromeService {
       // in the sense that the chrome UI should not be displayed until a non-chromeless app is mounting or mounted
       of(true),
       application.currentAppId$.pipe(
-        flatMap(appId =>
+        flatMap((appId) =>
           application.applications$.pipe(
-            map(applications => {
+            map((applications) => {
               return !!appId && applications.has(appId) && !!applications.get(appId)!.chromeless;
             })
           )
@@ -258,7 +258,7 @@ export class ChromeService {
 
       getApplicationClasses$: () =>
         applicationClasses$.pipe(
-          map(set => [...set]),
+          map((set) => [...set]),
           takeUntil(this.stop$)
         ),
 
diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index b62affc08c688..9494e22920de8 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -56,7 +56,7 @@ function getOrderedCategories(
 ) {
   return sortBy(
     Object.keys(mainCategories),
-    categoryName => categoryDictionary[categoryName]?.order
+    (categoryName) => categoryDictionary[categoryName]?.order
   );
 }
 
@@ -103,11 +103,11 @@ export function CollapsibleNav({
   navigateToApp,
   ...observables
 }: Props) {
-  const navLinks = useObservable(observables.navLinks$, []).filter(link => !link.hidden);
+  const navLinks = useObservable(observables.navLinks$, []).filter((link) => !link.hidden);
   const recentlyAccessed = useObservable(observables.recentlyAccessed$, []);
   const appId = useObservable(observables.appId$, '');
   const lockRef = useRef<HTMLButtonElement>(null);
-  const groupedNavLinks = groupBy(navLinks, link => link?.category?.id);
+  const groupedNavLinks = groupBy(navLinks, (link) => link?.category?.id);
   const { undefined: unknowns = [], ...allCategorizedLinks } = groupedNavLinks;
   const categoryDictionary = getAllCategories(allCategorizedLinks);
   const orderedCategories = getOrderedCategories(allCategorizedLinks, categoryDictionary);
@@ -180,7 +180,7 @@ export function CollapsibleNav({
         title={i18n.translate('core.ui.recentlyViewed', { defaultMessage: 'Recently viewed' })}
         isCollapsible={true}
         initialIsOpen={getIsCategoryOpen('recentlyViewed', storage)}
-        onToggle={isCategoryOpen => setIsCategoryOpen('recentlyViewed', isCategoryOpen, storage)}
+        onToggle={(isCategoryOpen) => setIsCategoryOpen('recentlyViewed', isCategoryOpen, storage)}
         data-test-subj="collapsibleNavGroup-recentlyViewed"
       >
         {recentlyAccessed.length > 0 ? (
@@ -188,7 +188,7 @@ export function CollapsibleNav({
             aria-label={i18n.translate('core.ui.recentlyViewedAriaLabel', {
               defaultMessage: 'Recently viewed links',
             })}
-            listItems={recentlyAccessed.map(link => {
+            listItems={recentlyAccessed.map((link) => {
               // TODO #64541
               // Can remove icon from recent links completely
               const { iconType, ...hydratedLink } = createRecentNavLink(link, navLinks, basePath);
@@ -220,7 +220,7 @@ export function CollapsibleNav({
 
       <EuiFlexItem className="eui-yScroll">
         {/* Kibana, Observability, Security, and Management sections */}
-        {orderedCategories.map(categoryName => {
+        {orderedCategories.map((categoryName) => {
           const category = categoryDictionary[categoryName]!;
 
           return (
@@ -230,7 +230,7 @@ export function CollapsibleNav({
               title={category.label}
               isCollapsible={true}
               initialIsOpen={getIsCategoryOpen(category.id, storage)}
-              onToggle={isCategoryOpen => setIsCategoryOpen(category.id, isCategoryOpen, storage)}
+              onToggle={(isCategoryOpen) => setIsCategoryOpen(category.id, isCategoryOpen, storage)}
               data-test-subj={`collapsibleNavGroup-${category.id}`}
             >
               <EuiListGroup
@@ -238,7 +238,7 @@ export function CollapsibleNav({
                   defaultMessage: 'Primary navigation links, {category}',
                   values: { category: category.label },
                 })}
-                listItems={allCategorizedLinks[categoryName].map(link => readyForEUI(link))}
+                listItems={allCategorizedLinks[categoryName].map((link) => readyForEUI(link))}
                 maxWidth="none"
                 color="subdued"
                 gutterSize="none"
diff --git a/src/core/public/chrome/ui/header/header_logo.tsx b/src/core/public/chrome/ui/header/header_logo.tsx
index 54d80c54ed183..9bec946b6b76e 100644
--- a/src/core/public/chrome/ui/header/header_logo.tsx
+++ b/src/core/public/chrome/ui/header/header_logo.tsx
@@ -51,7 +51,7 @@ function onClick(
     return;
   }
 
-  const navLink = navLinks.find(item => item.href === anchor.href);
+  const navLink = navLinks.find((item) => item.href === anchor.href);
   if (navLink && navLink.disabled) {
     event.preventDefault();
     return;
@@ -100,7 +100,7 @@ export function HeaderLogo({ href, navigateToApp, ...observables }: Props) {
     <EuiHeaderLogo
       data-test-subj="logo"
       iconType="logoElastic"
-      onClick={e => onClick(e, forceNavigation, navLinks, navigateToApp)}
+      onClick={(e) => onClick(e, forceNavigation, navLinks, navigateToApp)}
       href={href}
       aria-label={i18n.translate('core.ui.chrome.headerGlobalNav.goHomePageIconAriaLabel', {
         defaultMessage: 'Go to home page',
diff --git a/src/core/public/chrome/ui/header/nav_drawer.tsx b/src/core/public/chrome/ui/header/nav_drawer.tsx
index 26bf07ef3690f..ee4bff6cc0ac4 100644
--- a/src/core/public/chrome/ui/header/nav_drawer.tsx
+++ b/src/core/public/chrome/ui/header/nav_drawer.tsx
@@ -45,8 +45,8 @@ function NavDrawerRenderer(
   ref: React.Ref<EuiNavDrawer>
 ) {
   const appId = useObservable(observables.appId$, '');
-  const navLinks = useObservable(observables.navLinks$, []).filter(link => !link.hidden);
-  const recentNavLinks = useObservable(observables.recentlyAccessed$, []).map(link =>
+  const navLinks = useObservable(observables.navLinks$, []).filter((link) => !link.hidden);
+  const recentNavLinks = useObservable(observables.recentlyAccessed$, []).map((link) =>
     createRecentNavLink(link, navLinks, basePath)
   );
 
@@ -64,7 +64,7 @@ function NavDrawerRenderer(
       <EuiHorizontalRule margin="none" />
       <EuiNavDrawerGroup
         data-test-subj="navDrawerAppsMenu"
-        listItems={navLinks.map(link =>
+        listItems={navLinks.map((link) =>
           createEuiListItem({
             link,
             legacyMode,
diff --git a/src/core/public/chrome/ui/header/nav_link.tsx b/src/core/public/chrome/ui/header/nav_link.tsx
index 76e54ddf2668a..a55c63a412d61 100644
--- a/src/core/public/chrome/ui/header/nav_link.tsx
+++ b/src/core/public/chrome/ui/header/nav_link.tsx
@@ -105,7 +105,7 @@ export function createRecentNavLink(
 ): EuiListGroupItemProps {
   const { link, label } = recentLink;
   const href = relativeToAbsolute(basePath.prepend(link));
-  const navLink = navLinks.find(nl => href.startsWith(nl.baseUrl ?? nl.subUrlBase));
+  const navLink = navLinks.find((nl) => href.startsWith(nl.baseUrl ?? nl.subUrlBase));
   let titleAndAriaLabel = label;
 
   if (navLink) {

From 125735cc2a31c5f87f870ca0fb10bc4018cff275 Mon Sep 17 00:00:00 2001
From: Michail Yasonik <michail.yasonik@elastic.co>
Date: Wed, 27 May 2020 22:09:02 -0400
Subject: [PATCH 09/11] fixing types

---
 .../public/chrome/ui/header/collapsible_nav.tsx  | 16 ++++++++--------
 .../public/chrome/ui/header/header_badge.tsx     |  2 +-
 src/core/public/chrome/ui/header/header_logo.tsx |  4 ++--
 src/core/public/chrome/ui/header/nav_drawer.tsx  |  6 +++---
 src/core/public/chrome/ui/header/nav_link.tsx    | 13 +++++++++----
 5 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index 9494e22920de8..b62affc08c688 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -56,7 +56,7 @@ function getOrderedCategories(
 ) {
   return sortBy(
     Object.keys(mainCategories),
-    (categoryName) => categoryDictionary[categoryName]?.order
+    categoryName => categoryDictionary[categoryName]?.order
   );
 }
 
@@ -103,11 +103,11 @@ export function CollapsibleNav({
   navigateToApp,
   ...observables
 }: Props) {
-  const navLinks = useObservable(observables.navLinks$, []).filter((link) => !link.hidden);
+  const navLinks = useObservable(observables.navLinks$, []).filter(link => !link.hidden);
   const recentlyAccessed = useObservable(observables.recentlyAccessed$, []);
   const appId = useObservable(observables.appId$, '');
   const lockRef = useRef<HTMLButtonElement>(null);
-  const groupedNavLinks = groupBy(navLinks, (link) => link?.category?.id);
+  const groupedNavLinks = groupBy(navLinks, link => link?.category?.id);
   const { undefined: unknowns = [], ...allCategorizedLinks } = groupedNavLinks;
   const categoryDictionary = getAllCategories(allCategorizedLinks);
   const orderedCategories = getOrderedCategories(allCategorizedLinks, categoryDictionary);
@@ -180,7 +180,7 @@ export function CollapsibleNav({
         title={i18n.translate('core.ui.recentlyViewed', { defaultMessage: 'Recently viewed' })}
         isCollapsible={true}
         initialIsOpen={getIsCategoryOpen('recentlyViewed', storage)}
-        onToggle={(isCategoryOpen) => setIsCategoryOpen('recentlyViewed', isCategoryOpen, storage)}
+        onToggle={isCategoryOpen => setIsCategoryOpen('recentlyViewed', isCategoryOpen, storage)}
         data-test-subj="collapsibleNavGroup-recentlyViewed"
       >
         {recentlyAccessed.length > 0 ? (
@@ -188,7 +188,7 @@ export function CollapsibleNav({
             aria-label={i18n.translate('core.ui.recentlyViewedAriaLabel', {
               defaultMessage: 'Recently viewed links',
             })}
-            listItems={recentlyAccessed.map((link) => {
+            listItems={recentlyAccessed.map(link => {
               // TODO #64541
               // Can remove icon from recent links completely
               const { iconType, ...hydratedLink } = createRecentNavLink(link, navLinks, basePath);
@@ -220,7 +220,7 @@ export function CollapsibleNav({
 
       <EuiFlexItem className="eui-yScroll">
         {/* Kibana, Observability, Security, and Management sections */}
-        {orderedCategories.map((categoryName) => {
+        {orderedCategories.map(categoryName => {
           const category = categoryDictionary[categoryName]!;
 
           return (
@@ -230,7 +230,7 @@ export function CollapsibleNav({
               title={category.label}
               isCollapsible={true}
               initialIsOpen={getIsCategoryOpen(category.id, storage)}
-              onToggle={(isCategoryOpen) => setIsCategoryOpen(category.id, isCategoryOpen, storage)}
+              onToggle={isCategoryOpen => setIsCategoryOpen(category.id, isCategoryOpen, storage)}
               data-test-subj={`collapsibleNavGroup-${category.id}`}
             >
               <EuiListGroup
@@ -238,7 +238,7 @@ export function CollapsibleNav({
                   defaultMessage: 'Primary navigation links, {category}',
                   values: { category: category.label },
                 })}
-                listItems={allCategorizedLinks[categoryName].map((link) => readyForEUI(link))}
+                listItems={allCategorizedLinks[categoryName].map(link => readyForEUI(link))}
                 maxWidth="none"
                 color="subdued"
                 gutterSize="none"
diff --git a/src/core/public/chrome/ui/header/header_badge.tsx b/src/core/public/chrome/ui/header/header_badge.tsx
index d2d5e5d663300..4e529ad9a410b 100644
--- a/src/core/public/chrome/ui/header/header_badge.tsx
+++ b/src/core/public/chrome/ui/header/header_badge.tsx
@@ -77,7 +77,7 @@ export class HeaderBadge extends Component<Props, State> {
   }
 
   private subscribe() {
-    this.subscription = this.props.badge$.subscribe((badge) => {
+    this.subscription = this.props.badge$.subscribe(badge => {
       this.setState({
         badge,
       });
diff --git a/src/core/public/chrome/ui/header/header_logo.tsx b/src/core/public/chrome/ui/header/header_logo.tsx
index 9bec946b6b76e..54d80c54ed183 100644
--- a/src/core/public/chrome/ui/header/header_logo.tsx
+++ b/src/core/public/chrome/ui/header/header_logo.tsx
@@ -51,7 +51,7 @@ function onClick(
     return;
   }
 
-  const navLink = navLinks.find((item) => item.href === anchor.href);
+  const navLink = navLinks.find(item => item.href === anchor.href);
   if (navLink && navLink.disabled) {
     event.preventDefault();
     return;
@@ -100,7 +100,7 @@ export function HeaderLogo({ href, navigateToApp, ...observables }: Props) {
     <EuiHeaderLogo
       data-test-subj="logo"
       iconType="logoElastic"
-      onClick={(e) => onClick(e, forceNavigation, navLinks, navigateToApp)}
+      onClick={e => onClick(e, forceNavigation, navLinks, navigateToApp)}
       href={href}
       aria-label={i18n.translate('core.ui.chrome.headerGlobalNav.goHomePageIconAriaLabel', {
         defaultMessage: 'Go to home page',
diff --git a/src/core/public/chrome/ui/header/nav_drawer.tsx b/src/core/public/chrome/ui/header/nav_drawer.tsx
index ee4bff6cc0ac4..26bf07ef3690f 100644
--- a/src/core/public/chrome/ui/header/nav_drawer.tsx
+++ b/src/core/public/chrome/ui/header/nav_drawer.tsx
@@ -45,8 +45,8 @@ function NavDrawerRenderer(
   ref: React.Ref<EuiNavDrawer>
 ) {
   const appId = useObservable(observables.appId$, '');
-  const navLinks = useObservable(observables.navLinks$, []).filter((link) => !link.hidden);
-  const recentNavLinks = useObservable(observables.recentlyAccessed$, []).map((link) =>
+  const navLinks = useObservable(observables.navLinks$, []).filter(link => !link.hidden);
+  const recentNavLinks = useObservable(observables.recentlyAccessed$, []).map(link =>
     createRecentNavLink(link, navLinks, basePath)
   );
 
@@ -64,7 +64,7 @@ function NavDrawerRenderer(
       <EuiHorizontalRule margin="none" />
       <EuiNavDrawerGroup
         data-test-subj="navDrawerAppsMenu"
-        listItems={navLinks.map((link) =>
+        listItems={navLinks.map(link =>
           createEuiListItem({
             link,
             legacyMode,
diff --git a/src/core/public/chrome/ui/header/nav_link.tsx b/src/core/public/chrome/ui/header/nav_link.tsx
index a55c63a412d61..1de457eb8ae49 100644
--- a/src/core/public/chrome/ui/header/nav_link.tsx
+++ b/src/core/public/chrome/ui/header/nav_link.tsx
@@ -17,7 +17,7 @@
  * under the License.
  */
 
-import { EuiImage, EuiListGroupItemProps } from '@elastic/eui';
+import { EuiImage } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import React from 'react';
 import { ChromeNavLink, ChromeRecentlyAccessedHistoryItem, CoreStart } from '../../..';
@@ -42,6 +42,10 @@ interface Props {
   navigateToApp: CoreStart['application']['navigateToApp'];
 }
 
+// TODO #64541
+// Set return type to EuiListGroupItemProps
+// Currently it's a subset of EuiListGroupItemProps+FlyoutMenuItem for CollapsibleNav and NavDrawer
+// But FlyoutMenuItem isn't exported from EUI
 export function createEuiListItem({
   link,
   legacyMode,
@@ -50,7 +54,7 @@ export function createEuiListItem({
   onClick = () => {},
   navigateToApp,
   dataTestSubj,
-}: Props): EuiListGroupItemProps {
+}: Props) {
   const { legacy, active, id, title, disabled, euiIconType, icon, tooltip, href } = link;
 
   return {
@@ -91,6 +95,7 @@ export interface RecentNavLink {
 
 /**
  * Add saved object type info to recently links
+ * TODO #64541 - set return type to EuiListGroupItemProps
  *
  * Recent nav links are similar to normal nav links but are missing some Kibana Platform magic and
  * because of legacy reasons have slightly different properties.
@@ -102,10 +107,10 @@ export function createRecentNavLink(
   recentLink: ChromeRecentlyAccessedHistoryItem,
   navLinks: ChromeNavLink[],
   basePath: HttpStart['basePath']
-): EuiListGroupItemProps {
+) {
   const { link, label } = recentLink;
   const href = relativeToAbsolute(basePath.prepend(link));
-  const navLink = navLinks.find((nl) => href.startsWith(nl.baseUrl ?? nl.subUrlBase));
+  const navLink = navLinks.find(nl => href.startsWith(nl.baseUrl ?? nl.subUrlBase));
   let titleAndAriaLabel = label;
 
   if (navLink) {

From 728bd7acff3c088c7c564328734d450535200370 Mon Sep 17 00:00:00 2001
From: spalger <spalger@users.noreply.github.com>
Date: Thu, 28 May 2020 15:28:52 -0700
Subject: [PATCH 10/11] fix eslint violations

---
 .../public/chrome/ui/header/collapsible_nav.tsx  | 16 ++++++++--------
 .../public/chrome/ui/header/header_badge.tsx     |  2 +-
 src/core/public/chrome/ui/header/header_logo.tsx |  4 ++--
 src/core/public/chrome/ui/header/nav_drawer.tsx  |  6 +++---
 src/core/public/chrome/ui/header/nav_link.tsx    |  2 +-
 5 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/core/public/chrome/ui/header/collapsible_nav.tsx b/src/core/public/chrome/ui/header/collapsible_nav.tsx
index b62affc08c688..9494e22920de8 100644
--- a/src/core/public/chrome/ui/header/collapsible_nav.tsx
+++ b/src/core/public/chrome/ui/header/collapsible_nav.tsx
@@ -56,7 +56,7 @@ function getOrderedCategories(
 ) {
   return sortBy(
     Object.keys(mainCategories),
-    categoryName => categoryDictionary[categoryName]?.order
+    (categoryName) => categoryDictionary[categoryName]?.order
   );
 }
 
@@ -103,11 +103,11 @@ export function CollapsibleNav({
   navigateToApp,
   ...observables
 }: Props) {
-  const navLinks = useObservable(observables.navLinks$, []).filter(link => !link.hidden);
+  const navLinks = useObservable(observables.navLinks$, []).filter((link) => !link.hidden);
   const recentlyAccessed = useObservable(observables.recentlyAccessed$, []);
   const appId = useObservable(observables.appId$, '');
   const lockRef = useRef<HTMLButtonElement>(null);
-  const groupedNavLinks = groupBy(navLinks, link => link?.category?.id);
+  const groupedNavLinks = groupBy(navLinks, (link) => link?.category?.id);
   const { undefined: unknowns = [], ...allCategorizedLinks } = groupedNavLinks;
   const categoryDictionary = getAllCategories(allCategorizedLinks);
   const orderedCategories = getOrderedCategories(allCategorizedLinks, categoryDictionary);
@@ -180,7 +180,7 @@ export function CollapsibleNav({
         title={i18n.translate('core.ui.recentlyViewed', { defaultMessage: 'Recently viewed' })}
         isCollapsible={true}
         initialIsOpen={getIsCategoryOpen('recentlyViewed', storage)}
-        onToggle={isCategoryOpen => setIsCategoryOpen('recentlyViewed', isCategoryOpen, storage)}
+        onToggle={(isCategoryOpen) => setIsCategoryOpen('recentlyViewed', isCategoryOpen, storage)}
         data-test-subj="collapsibleNavGroup-recentlyViewed"
       >
         {recentlyAccessed.length > 0 ? (
@@ -188,7 +188,7 @@ export function CollapsibleNav({
             aria-label={i18n.translate('core.ui.recentlyViewedAriaLabel', {
               defaultMessage: 'Recently viewed links',
             })}
-            listItems={recentlyAccessed.map(link => {
+            listItems={recentlyAccessed.map((link) => {
               // TODO #64541
               // Can remove icon from recent links completely
               const { iconType, ...hydratedLink } = createRecentNavLink(link, navLinks, basePath);
@@ -220,7 +220,7 @@ export function CollapsibleNav({
 
       <EuiFlexItem className="eui-yScroll">
         {/* Kibana, Observability, Security, and Management sections */}
-        {orderedCategories.map(categoryName => {
+        {orderedCategories.map((categoryName) => {
           const category = categoryDictionary[categoryName]!;
 
           return (
@@ -230,7 +230,7 @@ export function CollapsibleNav({
               title={category.label}
               isCollapsible={true}
               initialIsOpen={getIsCategoryOpen(category.id, storage)}
-              onToggle={isCategoryOpen => setIsCategoryOpen(category.id, isCategoryOpen, storage)}
+              onToggle={(isCategoryOpen) => setIsCategoryOpen(category.id, isCategoryOpen, storage)}
               data-test-subj={`collapsibleNavGroup-${category.id}`}
             >
               <EuiListGroup
@@ -238,7 +238,7 @@ export function CollapsibleNav({
                   defaultMessage: 'Primary navigation links, {category}',
                   values: { category: category.label },
                 })}
-                listItems={allCategorizedLinks[categoryName].map(link => readyForEUI(link))}
+                listItems={allCategorizedLinks[categoryName].map((link) => readyForEUI(link))}
                 maxWidth="none"
                 color="subdued"
                 gutterSize="none"
diff --git a/src/core/public/chrome/ui/header/header_badge.tsx b/src/core/public/chrome/ui/header/header_badge.tsx
index 4e529ad9a410b..d2d5e5d663300 100644
--- a/src/core/public/chrome/ui/header/header_badge.tsx
+++ b/src/core/public/chrome/ui/header/header_badge.tsx
@@ -77,7 +77,7 @@ export class HeaderBadge extends Component<Props, State> {
   }
 
   private subscribe() {
-    this.subscription = this.props.badge$.subscribe(badge => {
+    this.subscription = this.props.badge$.subscribe((badge) => {
       this.setState({
         badge,
       });
diff --git a/src/core/public/chrome/ui/header/header_logo.tsx b/src/core/public/chrome/ui/header/header_logo.tsx
index 54d80c54ed183..9bec946b6b76e 100644
--- a/src/core/public/chrome/ui/header/header_logo.tsx
+++ b/src/core/public/chrome/ui/header/header_logo.tsx
@@ -51,7 +51,7 @@ function onClick(
     return;
   }
 
-  const navLink = navLinks.find(item => item.href === anchor.href);
+  const navLink = navLinks.find((item) => item.href === anchor.href);
   if (navLink && navLink.disabled) {
     event.preventDefault();
     return;
@@ -100,7 +100,7 @@ export function HeaderLogo({ href, navigateToApp, ...observables }: Props) {
     <EuiHeaderLogo
       data-test-subj="logo"
       iconType="logoElastic"
-      onClick={e => onClick(e, forceNavigation, navLinks, navigateToApp)}
+      onClick={(e) => onClick(e, forceNavigation, navLinks, navigateToApp)}
       href={href}
       aria-label={i18n.translate('core.ui.chrome.headerGlobalNav.goHomePageIconAriaLabel', {
         defaultMessage: 'Go to home page',
diff --git a/src/core/public/chrome/ui/header/nav_drawer.tsx b/src/core/public/chrome/ui/header/nav_drawer.tsx
index 26bf07ef3690f..ee4bff6cc0ac4 100644
--- a/src/core/public/chrome/ui/header/nav_drawer.tsx
+++ b/src/core/public/chrome/ui/header/nav_drawer.tsx
@@ -45,8 +45,8 @@ function NavDrawerRenderer(
   ref: React.Ref<EuiNavDrawer>
 ) {
   const appId = useObservable(observables.appId$, '');
-  const navLinks = useObservable(observables.navLinks$, []).filter(link => !link.hidden);
-  const recentNavLinks = useObservable(observables.recentlyAccessed$, []).map(link =>
+  const navLinks = useObservable(observables.navLinks$, []).filter((link) => !link.hidden);
+  const recentNavLinks = useObservable(observables.recentlyAccessed$, []).map((link) =>
     createRecentNavLink(link, navLinks, basePath)
   );
 
@@ -64,7 +64,7 @@ function NavDrawerRenderer(
       <EuiHorizontalRule margin="none" />
       <EuiNavDrawerGroup
         data-test-subj="navDrawerAppsMenu"
-        listItems={navLinks.map(link =>
+        listItems={navLinks.map((link) =>
           createEuiListItem({
             link,
             legacyMode,
diff --git a/src/core/public/chrome/ui/header/nav_link.tsx b/src/core/public/chrome/ui/header/nav_link.tsx
index 1de457eb8ae49..c09b15fac9bdb 100644
--- a/src/core/public/chrome/ui/header/nav_link.tsx
+++ b/src/core/public/chrome/ui/header/nav_link.tsx
@@ -110,7 +110,7 @@ export function createRecentNavLink(
 ) {
   const { link, label } = recentLink;
   const href = relativeToAbsolute(basePath.prepend(link));
-  const navLink = navLinks.find(nl => href.startsWith(nl.baseUrl ?? nl.subUrlBase));
+  const navLink = navLinks.find((nl) => href.startsWith(nl.baseUrl ?? nl.subUrlBase));
   let titleAndAriaLabel = label;
 
   if (navLink) {

From d6f21ba2a1b053fced484420f4405919ae1c808b Mon Sep 17 00:00:00 2001
From: Michail Yasonik <michail.yasonik@elastic.co>
Date: Thu, 28 May 2020 21:17:33 -0400
Subject: [PATCH 11/11] jest test fix

---
 .../chrome/ui/header/__snapshots__/header.test.tsx.snap       | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index 4f59e88dbfe88..b563c6d2a4ec4 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -43,6 +43,7 @@ exports[`Header renders 1`] = `
       "getComponent": [MockFunction],
       "getUrlForApp": [MockFunction],
       "navigateToApp": [MockFunction],
+      "navigateToUrl": [MockFunction],
       "registerMountContext": [MockFunction],
     }
   }
@@ -657,6 +658,7 @@ exports[`Header renders 2`] = `
       "getComponent": [MockFunction],
       "getUrlForApp": [MockFunction],
       "navigateToApp": [MockFunction],
+      "navigateToUrl": [MockFunction],
       "registerMountContext": [MockFunction],
     }
   }
@@ -4740,6 +4742,7 @@ exports[`Header renders 3`] = `
       "getComponent": [MockFunction],
       "getUrlForApp": [MockFunction],
       "navigateToApp": [MockFunction],
+      "navigateToUrl": [MockFunction],
       "registerMountContext": [MockFunction],
     }
   }
@@ -9895,6 +9898,7 @@ exports[`Header renders 4`] = `
       "getComponent": [MockFunction],
       "getUrlForApp": [MockFunction],
       "navigateToApp": [MockFunction],
+      "navigateToUrl": [MockFunction],
       "registerMountContext": [MockFunction],
     }
   }