Updates breadcrumb tests

elastic · Jan 24, 2019 · b753b7b · b753b7b
1 parent 02cf59f
commit b753b7b
Show file tree

Hide file tree

Showing 3 changed files with 218 additions and 138 deletions.
diff --git a/...nts/app/Main/__test__/Breadcrumbs.test.js → ...p/Main/__test__/UpdateBreadcrumbs.test.js b/...nts/app/Main/__test__/Breadcrumbs.test.js → ...p/Main/__test__/UpdateBreadcrumbs.test.js
@@ -7,15 +7,14 @@
 import React from 'react';
 import { mount } from 'enzyme';
 import { MemoryRouter } from 'react-router-dom';
-
-import Breadcrumbs from '../Breadcrumbs';
-import { toJson } from '../../../../utils/testHelpers';
+import { UpdateBreadcrumbs } from '../UpdateBreadcrumbs';
+import chrome from 'ui/chrome';
 
 jest.mock(
   'ui/chrome',
   () => ({
     breadcrumbs: {
-      set: () => {}
+      set: jest.fn()
     },
     getBasePath: () => `/some/base/path`,
     getUiSettingsClient: () => {
@@ -37,17 +36,20 @@ jest.mock(
 );
 
 function expectBreadcrumbToMatchSnapshot(route) {
-  const wrapper = mount(
+  mount(
     <MemoryRouter initialEntries={[`${route}?_g=myG&kuery=myKuery`]}>
-      <Breadcrumbs showPluginBreadcrumbs={true} />
+      <UpdateBreadcrumbs />
     </MemoryRouter>
   );
-  expect(
-    toJson(wrapper.find('.kuiLocalBreadcrumb').children())
-  ).toMatchSnapshot();
+  expect(chrome.breadcrumbs.set).toHaveBeenCalledTimes(1);
+  expect(chrome.breadcrumbs.set.mock.calls[0][0]).toMatchSnapshot();
 }
 
 describe('Breadcrumbs', () => {
+  beforeEach(() => {
+    chrome.breadcrumbs.set.mockReset();
+  });
+
   it('Homepage', () => {
     expectBreadcrumbToMatchSnapshot('/');
   });
@@ -77,13 +79,4 @@ describe('Breadcrumbs', () => {
       '/:serviceName/transactions/request/my-transaction-name'
     );
   });
-
-  it('does not render breadcrumbs when showPluginBreadcrumbs = false', () => {
-    const wrapper = mount(
-      <MemoryRouter initialEntries={[`/?_g=myG&kuery=myKuery`]}>
-        <Breadcrumbs showPluginBreadcrumbs={false} />
-      </MemoryRouter>
-    );
-    expect(wrapper.find('.kuiLocalBreadcrumbs').exists()).toEqual(false);
-  });
 });
diff --git a/...ck/plugins/apm/public/components/app/Main/__test__/__snapshots__/Breadcrumbs.test.js.snap b/...ck/plugins/apm/public/components/app/Main/__test__/__snapshots__/Breadcrumbs.test.js.snap
diff --git a/...gins/apm/public/components/app/Main/__test__/__snapshots__/UpdateBreadcrumbs.test.js.snap b/...gins/apm/public/components/app/Main/__test__/__snapshots__/UpdateBreadcrumbs.test.js.snap
@@ -0,0 +1,207 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Breadcrumbs /:serviceName 1`] = `
+Array [
+  Object {
+    "href": "#/?_g=myG&kuery=myKuery",
+    "text": "APM",
+  },
+  Object {
+    "href": "#/opbeans-node?_g=myG&kuery=myKuery",
+    "text": <breadcrumb
+      match={
+        Object {
+          "isExact": true,
+          "params": Object {
+            "serviceName": "opbeans-node",
+          },
+          "path": "/:serviceName",
+          "url": "/opbeans-node",
+        }
+      }
+    />,
+  },
+]
+`;
+
+exports[`Breadcrumbs /:serviceName/errors 1`] = `
+Array [
+  Object {
+    "href": "#/?_g=myG&kuery=myKuery",
+    "text": "APM",
+  },
+  Object {
+    "href": "#/opbeans-node?_g=myG&kuery=myKuery",
+    "text": <breadcrumb
+      match={
+        Object {
+          "isExact": true,
+          "params": Object {
+            "serviceName": "opbeans-node",
+          },
+          "path": "/:serviceName",
+          "url": "/opbeans-node",
+        }
+      }
+    />,
+  },
+  Object {
+    "href": "#/opbeans-node/errors?_g=myG&kuery=myKuery",
+    "text": "Errors",
+  },
+]
+`;
+
+exports[`Breadcrumbs /:serviceName/errors/:groupId 1`] = `
+Array [
+  Object {
+    "href": "#/?_g=myG&kuery=myKuery",
+    "text": "APM",
+  },
+  Object {
+    "href": "#/opbeans-node?_g=myG&kuery=myKuery",
+    "text": <breadcrumb
+      match={
+        Object {
+          "isExact": true,
+          "params": Object {
+            "serviceName": "opbeans-node",
+          },
+          "path": "/:serviceName",
+          "url": "/opbeans-node",
+        }
+      }
+    />,
+  },
+  Object {
+    "href": "#/opbeans-node/errors?_g=myG&kuery=myKuery",
+    "text": "Errors",
+  },
+  Object {
+    "href": "#/opbeans-node/errors/myGroupId?_g=myG&kuery=myKuery",
+    "text": <breadcrumb
+      match={
+        Object {
+          "isExact": true,
+          "params": Object {
+            "groupId": "myGroupId",
+            "serviceName": "opbeans-node",
+          },
+          "path": "/:serviceName/errors/:groupId",
+          "url": "/opbeans-node/errors/myGroupId",
+        }
+      }
+    />,
+  },
+]
+`;
+
+exports[`Breadcrumbs /:serviceName/transactions 1`] = `
+Array [
+  Object {
+    "href": "#/?_g=myG&kuery=myKuery",
+    "text": "APM",
+  },
+  Object {
+    "href": "#/opbeans-node?_g=myG&kuery=myKuery",
+    "text": <breadcrumb
+      match={
+        Object {
+          "isExact": true,
+          "params": Object {
+            "serviceName": "opbeans-node",
+          },
+          "path": "/:serviceName",
+          "url": "/opbeans-node",
+        }
+      }
+    />,
+  },
+  Object {
+    "href": "#/opbeans-node/transactions?_g=myG&kuery=myKuery",
+    "text": "Transactions",
+  },
+]
+`;
+
+exports[`Breadcrumbs /:serviceName/transactions/:transactionType 1`] = `
+Array [
+  Object {
+    "href": "#/?_g=myG&kuery=myKuery",
+    "text": "APM",
+  },
+  Object {
+    "href": "#/opbeans-node?_g=myG&kuery=myKuery",
+    "text": <breadcrumb
+      match={
+        Object {
+          "isExact": true,
+          "params": Object {
+            "serviceName": "opbeans-node",
+          },
+          "path": "/:serviceName",
+          "url": "/opbeans-node",
+        }
+      }
+    />,
+  },
+  Object {
+    "href": "#/opbeans-node/transactions?_g=myG&kuery=myKuery",
+    "text": "Transactions",
+  },
+]
+`;
+
+exports[`Breadcrumbs /:serviceName/transactions/:transactionType/:transactionName 1`] = `
+Array [
+  Object {
+    "href": "#/?_g=myG&kuery=myKuery",
+    "text": "APM",
+  },
+  Object {
+    "href": "#/:serviceName?_g=myG&kuery=myKuery",
+    "text": <breadcrumb
+      match={
+        Object {
+          "isExact": true,
+          "params": Object {
+            "serviceName": ":serviceName",
+          },
+          "path": "/:serviceName",
+          "url": "/:serviceName",
+        }
+      }
+    />,
+  },
+  Object {
+    "href": "#/:serviceName/transactions?_g=myG&kuery=myKuery",
+    "text": "Transactions",
+  },
+  Object {
+    "href": "#/:serviceName/transactions/request/my-transaction-name?_g=myG&kuery=myKuery",
+    "text": <breadcrumb
+      match={
+        Object {
+          "isExact": true,
+          "params": Object {
+            "serviceName": ":serviceName",
+            "transactionName": "my-transaction-name",
+            "transactionType": "request",
+          },
+          "path": "/:serviceName/transactions/:transactionType/:transactionName",
+          "url": "/:serviceName/transactions/request/my-transaction-name",
+        }
+      }
+    />,
+  },
+]
+`;
+
+exports[`Breadcrumbs Homepage 1`] = `
+Array [
+  Object {
+    "href": "#/?_g=myG&kuery=myKuery",
+    "text": "APM",
+  },
+]
+`;