Ui tests

x-pack/plugins/enterprise_search/public/application.test.ts

@@ -0,0 +1,20 @@
+/*
+ * 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 { coreMock } from 'src/core/public/mocks';
+import { renderApp } from './applications';
+
+describe('renderApp', () => {
+  it('mounts and unmounts UI', () => {
+    const params = coreMock.createAppMountParamters();
+    const core = coreMock.createStart();
+
+    const unmount = renderApp(core, params, {});
+    expect(params.element.querySelector('.setup-guide')).not.toBeNull();
+    unmount();
+    expect(params.element.innerHTML).toEqual('');
+  });
+});

x-pack/plugins/enterprise_search/public/applications/app_search/components/engine_overview_header/engine_overview_header.test.tsx

@@ -0,0 +1,75 @@
+/*
+ * 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 { mount } from 'enzyme';
+
+import { EngineOverviewHeader } from '../engine_overview_header';
+import { KibanaContext } from '../../..';
+
+describe('EngineOverviewHeader', () => {
+  let enterpriseSearchUrl;
+
+  afterEach(() => {
+    enterpriseSearchUrl = undefined;
+  });
+
+  const render = () => {
+    return mount(
+      <KibanaContext.Provider
+        value={{
+          http: {},
+          enterpriseSearchUrl,
+          setBreadcrumbs: jest.fn(),
+        }}
+      >
+        <EngineOverviewHeader />
+      </KibanaContext.Provider>
+    );
+  };
+
+  describe('when enterpriseSearchUrl is set', () => {
+    let wrapper;
+
+    beforeEach(() => {
+      enterpriseSearchUrl = 'http://localhost:3002';
+      wrapper = render();
+    });
+
+    describe('the Launch App Search button', () => {
+      const subject = () => wrapper.find('EuiButton[data-test-subj="launch_button"]');
+
+      it('should not be disabled', () => {
+        expect(subject().props().isDisabled).toBeFalsy();
+      });
+
+      it('should use the enterpriseSearchUrl as the base path for its href', () => {
+        expect(subject().props().href).toBe('http://localhost:3002/as');
+      });
+    });
+  });
+
+  describe('when enterpriseSearchUrl is not set', () => {
+    let wrapper;
+
+    beforeEach(() => {
+      enterpriseSearchUrl = undefined;
+      wrapper = render();
+    });
+
+    describe('the Launch App Search button', () => {
+      const subject = () => wrapper.find('EuiButton[data-test-subj="launch_button"]');
+
+      it('should be disabled', () => {
+        expect(subject().props().isDisabled).toBe(true);
+      });
+
+      it('should not have an href', () => {
+        expect(subject().props().href).toBeUndefined();
+      });
+    });
+  });
+});

x-pack/plugins/enterprise_search/public/applications/app_search/components/engine_overview_header/engine_overview_header.tsx

@@ -15,6 +15,7 @@ export const EngineOverviewHeader: React.FC<> = () => {
   const buttonProps = {
     fill: true,
     iconType: 'popout',
+    ['data-test-subj']: 'launch_button',
   };
   if (enterpriseSearchUrl) {
     buttonProps.href = `${enterpriseSearchUrl}/as`;

x-pack/plugins/enterprise_search/public/applications/shared/kibana_breadcrumbs/generate_breadcrumbs.test.ts

@@ -0,0 +1,151 @@
+/*
+ * 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 { appSearchBreadcrumbs, enterpriseSearchBreadcrumbs } from '../kibana_breadcrumbs';
+
+jest.mock('../react_router_helpers', () => ({
+  letBrowserHandleEvent: () => false,
+}));
+
+describe('appSearchBreadcrumbs', () => {
+  const historyMock = {
+    createHref: jest.fn().mockImplementation(path => path.pathname),
+    push: jest.fn(),
+  };
+
+  const breadCrumbs = [
+    {
+      text: 'Page 1',
+      path: '/page1',
+    },
+    {
+      text: 'Page 2',
+      path: '/page2',
+    },
+  ];
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const subject = () => appSearchBreadcrumbs(historyMock)(breadCrumbs);
+
+  it('Builds a chain of breadcrumbs with Enterprise Search and App Search at the root', () => {
+    expect(subject()).toEqual([
+      {
+        href: '/',
+        onClick: expect.any(Function),
+        text: 'Enterprise Search',
+      },
+      {
+        href: '/app_search',
+        onClick: expect.any(Function),
+        text: 'App Search',
+      },
+      {
+        href: '/page1',
+        onClick: expect.any(Function),
+        text: 'Page 1',
+      },
+      {
+        href: '/page2',
+        onClick: expect.any(Function),
+        text: 'Page 2',
+      },
+    ]);
+  });
+
+  describe('links', () => {
+    const eventMock = {
+      preventDefault: jest.fn(),
+    };
+
+    it('has a link to Enterprise Search Home page first', () => {
+      subject()[0].onClick(eventMock);
+      expect(historyMock.push).toHaveBeenCalledWith('/');
+    });
+
+    it('has a link to App Search second', () => {
+      subject()[1].onClick(eventMock);
+      expect(historyMock.push).toHaveBeenCalledWith('/app_search');
+    });
+
+    it('has a link to our custom page third', () => {
+      subject()[2].onClick(eventMock);
+      expect(historyMock.push).toHaveBeenCalledWith('/page1');
+    });
+
+    it('has a link to our second custom page last', () => {
+      subject()[3].onClick(eventMock);
+      expect(historyMock.push).toHaveBeenCalledWith('/page2');
+    });
+  });
+});
+
+describe('enterpriseSearchBreadcrumbs', () => {
+  const historyMock = {
+    createHref: jest.fn(),
+    push: jest.fn(),
+  };
+
+  const breadCrumbs = [
+    {
+      text: 'Page 1',
+      path: '/page1',
+    },
+    {
+      text: 'Page 2',
+      path: '/page2',
+    },
+  ];
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const subject = () => enterpriseSearchBreadcrumbs(historyMock)(breadCrumbs);
+
+  it('Builds a chain of breadcrumbs with Enterprise Search at the root', () => {
+    expect(subject()).toEqual([
+      {
+        href: undefined,
+        onClick: expect.any(Function),
+        text: 'Enterprise Search',
+      },
+      {
+        href: undefined,
+        onClick: expect.any(Function),
+        text: 'Page 1',
+      },
+      {
+        href: undefined,
+        onClick: expect.any(Function),
+        text: 'Page 2',
+      },
+    ]);
+  });
+
+  describe('links', () => {
+    const eventMock = {
+      preventDefault: jest.fn(),
+    };
+
+    it('has a link to Enterprise Search Home page first', () => {
+      subject()[0].onClick(eventMock);
+      expect(historyMock.push).toHaveBeenCalledWith('/');
+    });
+
+    it('has a link to our custom page third', () => {
+      subject()[1].onClick(eventMock);
+      expect(historyMock.push).toHaveBeenCalledWith('/page1');
+    });
+
+    it('has a link to our second custom page last', () => {
+      subject()[2].onClick(eventMock);
+      expect(historyMock.push).toHaveBeenCalledWith('/page2');
+    });
+  });
+});

x-pack/plugins/enterprise_search/public/applications/shared/kibana_breadcrumbs/set_breadcrumbs.test.tsx

@@ -0,0 +1,82 @@
+/*
+ * 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 { SetAppSearchBreadcrumbs } from '../kibana_breadcrumbs';
+import { mount } from 'enzyme';
+
+jest.mock('./generate_breadcrumbs', () => ({
+  appSearchBreadcrumbs: jest.fn(),
+}));
+import { appSearchBreadcrumbs } from './generate_breadcrumbs';
+
+jest.mock('react-router-dom', () => ({
+  useHistory: () => ({
+    createHref: jest.fn(),
+    push: jest.fn(),
+    location: {
+      pathname: '/current-path',
+    },
+  }),
+}));
+
+import { KibanaContext } from '../..';
+
+describe('SetAppSearchBreadcrumbs', () => {
+  const setBreadcrumbs = jest.fn();
+  const builtBreadcrumbs = [];
+  const appSearchBreadCrumbsInnerCall = jest.fn().mockReturnValue(builtBreadcrumbs);
+  const appSearchBreadCrumbsOuterCall = jest.fn().mockReturnValue(appSearchBreadCrumbsInnerCall);
+  appSearchBreadcrumbs.mockImplementation(appSearchBreadCrumbsOuterCall);
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  const render = props => {
+    return mount(
+      <KibanaContext.Provider
+        value={{
+          http: {},
+          enterpriseSearchUrl: 'http://localhost:3002',
+          setBreadcrumbs,
+        }}
+      >
+        <SetAppSearchBreadcrumbs {...props} />
+      </KibanaContext.Provider>
+    );
+  };
+
+  describe('when isRoot is false', () => {
+    const subject = () => render({ text: 'Page 1', isRoot: false });
+
+    it('calls appSearchBreadcrumbs to build breadcrumbs, then registers them with Kibana', () => {
+      subject();
+
+      // calls appSearchBreadcrumbs to build breadcrumbs with the target page and current location
+      expect(appSearchBreadCrumbsInnerCall).toHaveBeenCalledWith([
+        { text: 'Page 1', path: '/current-path' },
+      ]);
+
+      // then registers them with Kibana
+      expect(setBreadcrumbs).toHaveBeenCalledWith(builtBreadcrumbs);
+    });
+  });
+
+  describe('when isRoot is true', () => {
+    const subject = () => render({ text: 'Page 1', isRoot: true });
+
+    it('calls appSearchBreadcrumbs to build breadcrumbs with an empty breadcrumb, then registers them with Kibana', () => {
+      subject();
+
+      // uses an empty bredcrumb
+      expect(appSearchBreadCrumbsInnerCall).toHaveBeenCalledWith([]);
+
+      // then registers them with Kibana
+      expect(setBreadcrumbs).toHaveBeenCalledWith(builtBreadcrumbs);
+    });
+  });
+});