[APM] Fix broken links

x-pack/plugins/apm/public/components/app/ErrorGroupOverview/Watcher/WatcherButton.js

@@ -5,6 +5,7 @@
  */
 
 import React, { Component } from 'react';
+import chrome from 'ui/chrome';
 import { EuiButton, EuiContextMenu, EuiIcon, EuiPopover } from '@elastic/eui';
 
 export default class WatcherButton extends Component {
@@ -31,7 +32,9 @@ export default class WatcherButton extends Component {
         {
           name: 'View existing watches',
           icon: 'tableOfContents',
-          href: '/app/kibana#/management/elasticsearch/watcher/',
+          href: chrome.addBasePath(
+            '/app/kibana#/management/elasticsearch/watcher/'
+          ),
           target: '_blank',
           onClick: () => this.closePopover()
         }

x-pack/plugins/apm/public/components/app/ErrorGroupOverview/Watcher/__test__/WatcherButton.test.js

@@ -0,0 +1,41 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+import { shallow } from 'enzyme';
+import DetailView from '../WatcherButton';
+
+jest.mock('ui/chrome', () => ({
+  addBasePath: path => `myBasePath${path}`
+}));
+
+describe('WatcherButton', () => {
+  let wrapper;
+  beforeEach(() => {
+    wrapper = shallow(<DetailView />);
+  });
+
+  it('should render initial state', () => {
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should have correct url', () => {
+    const panels = wrapper.find('EuiContextMenu').prop('panels');
+    expect(panels[0].items[1].href).toBe(
+      'myBasePath/app/kibana#/management/elasticsearch/watcher/'
+    );
+  });
+
+  it('popover should be closed', () => {
+    expect(wrapper.find('EuiPopover').prop('isOpen')).toBe(false);
+  });
+
+  it('should open popover', async () => {
+    await wrapper.instance().onButtonClick();
+    wrapper.update();
+    expect(wrapper.find('EuiPopover').prop('isOpen')).toBe(true);
+  });
+});

x-pack/plugins/apm/public/components/app/ErrorGroupOverview/Watcher/__test__/__snapshots__/WatcherButton.test.js.snap

@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`WatcherButton should render initial state 1`] = `
+<EuiPopover
+  anchorPosition="downRight"
+  button={
+    <EuiButton
+      color="primary"
+      fill={false}
+      iconSide="right"
+      iconType="arrowDown"
+      onClick={[Function]}
+      size="s"
+      type="button"
+    >
+      Integrations
+    </EuiButton>
+  }
+  closePopover={[Function]}
+  hasArrow={true}
+  isOpen={false}
+  ownFocus={false}
+  panelPaddingSize="none"
+>
+  <EuiContextMenu
+    initialPanelId={0}
+    panels={
+      Array [
+        Object {
+          "id": 0,
+          "items": Array [
+            Object {
+              "icon": <EuiIcon
+                size="m"
+                type="plusInCircle"
+              />,
+              "name": "Enable error reports",
+              "onClick": [Function],
+            },
+            Object {
+              "href": "myBasePath/app/kibana#/management/elasticsearch/watcher/",
+              "icon": "tableOfContents",
+              "name": "View existing watches",
+              "onClick": [Function],
+              "target": "_blank",
+            },
+          ],
+          "title": "Watcher",
+        },
+      ]
+    }
+  />
+</EuiPopover>
+`;

x-pack/plugins/apm/public/components/app/TransactionOverview/DynamicBaseline/Button.js

@@ -5,6 +5,7 @@
  */
 
 import React, { Component } from 'react';
+import chrome from 'ui/chrome';
 import { EuiButton, EuiPopover, EuiIcon, EuiContextMenu } from '@elastic/eui';
 
 export default class DynamicBaselineButton extends Component {
@@ -31,7 +32,7 @@ export default class DynamicBaselineButton extends Component {
         {
           name: 'View existing jobs',
           icon: 'tableOfContents',
-          href: '/app/ml',
+          href: chrome.addBasePath('/app/ml'),
           target: '_blank',
           onClick: () => this.closePopover()
         }

x-pack/plugins/apm/public/components/app/TransactionOverview/DynamicBaseline/__jest__/Button.test.js

@@ -0,0 +1,39 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import React from 'react';
+import { shallow } from 'enzyme';
+import DetailView from '../Button';
+
+jest.mock('ui/chrome', () => ({
+  addBasePath: path => `myBasePath${path}`
+}));
+
+describe('MLButton', () => {
+  let wrapper;
+  beforeEach(() => {
+    wrapper = shallow(<DetailView />);
+  });
+
+  it('should render initial state', () => {
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('should have correct url', () => {
+    const panels = wrapper.find('EuiContextMenu').prop('panels');
+    expect(panels[0].items[1].href).toBe('myBasePath/app/ml');
+  });
+
+  it('popover should be closed', () => {
+    expect(wrapper.find('EuiPopover').prop('isOpen')).toBe(false);
+  });
+
+  it('should open popover', async () => {
+    await wrapper.instance().onButtonClick();
+    wrapper.update();
+    expect(wrapper.find('EuiPopover').prop('isOpen')).toBe(true);
+  });
+});

x-pack/plugins/apm/public/components/app/TransactionOverview/DynamicBaseline/__jest__/__snapshots__/Button.test.js.snap

@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MLButton should render initial state 1`] = `
+<EuiPopover
+  anchorPosition="downRight"
+  button={
+    <EuiButton
+      color="primary"
+      fill={false}
+      iconSide="right"
+      iconType="arrowDown"
+      onClick={[Function]}
+      size="s"
+      type="button"
+    >
+      Integrations
+    </EuiButton>
+  }
+  closePopover={[Function]}
+  hasArrow={true}
+  isOpen={false}
+  ownFocus={false}
+  panelPaddingSize="none"
+>
+  <EuiContextMenu
+    initialPanelId={0}
+    panels={
+      Array [
+        Object {
+          "id": 0,
+          "items": Array [
+            Object {
+              "icon": <EuiIcon
+                size="m"
+                type="stats"
+              />,
+              "name": "Anomaly detection (BETA)",
+              "onClick": [Function],
+            },
+            Object {
+              "href": "myBasePath/app/ml",
+              "icon": "tableOfContents",
+              "name": "View existing jobs",
+              "onClick": [Function],
+              "target": "_blank",
+            },
+          ],
+          "title": "Machine Learning",
+        },
+      ]
+    }
+  />
+</EuiPopover>
+`;