dd tests for main groups container

x-pack/plugins/enterprise_search/public/applications/workplace_search/views/groups/groups.test.tsx

@@ -0,0 +1,180 @@
+/*
+ * 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 '../../../__mocks__/kea.mock';
+import '../../../__mocks__/shallow_useeffect.mock';
+
+import { setMockActions, setMockValues } from '../../../__mocks__';
+import { groups } from '../../__mocks__/groups.mock';
+
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import { Groups } from './groups';
+
+import { ViewContentHeader } from '../../components/shared/view_content_header';
+import { Loading } from '../../components/shared/loading';
+import { FlashMessages } from '../../../shared/flash_messages';
+
+import { AddGroupModal } from './components/add_group_modal';
+import { ClearFiltersLink } from './components/clear_filters_link';
+import { GroupsTable } from './components/groups_table';
+import { TableFilters } from './components/table_filters';
+
+import { DEFAULT_META } from '../../../shared/constants';
+
+import { EuiFieldSearch, EuiLoadingSpinner } from '@elastic/eui';
+import { EuiButton as EuiLinkButton } from '../../../shared/react_router_helpers';
+
+const getSearchResults = jest.fn();
+const openNewGroupModal = jest.fn();
+const resetGroups = jest.fn();
+const setFilterValue = jest.fn();
+const setActivePage = jest.fn();
+
+const mockMeta = {
+  ...DEFAULT_META,
+  page: {
+    current: 1,
+    total_results: 50,
+    total_pages: 5,
+  },
+};
+
+const mockSuccessMessage = {
+  type: 'success',
+  message: 'group added',
+};
+
+const mockValues = {
+  groups,
+  groupsDataLoading: false,
+  newGroupModalOpen: false,
+  newGroup: null,
+  groupListLoading: false,
+  hasFiltersSet: false,
+  groupsMeta: mockMeta,
+  filteredSources: [],
+  filteredUsers: [],
+  filterValue: '',
+  isFederatedAuth: false,
+};
+
+describe('GroupOverview', () => {
+  beforeEach(() => {
+    setMockActions({
+      getSearchResults,
+      openNewGroupModal,
+      resetGroups,
+      setFilterValue,
+      setActivePage,
+    });
+    setMockValues(mockValues);
+  });
+
+  it('renders', () => {
+    const wrapper = shallow(<Groups />);
+
+    expect(wrapper.find(ViewContentHeader)).toHaveLength(1);
+    expect(wrapper.find(GroupsTable)).toHaveLength(1);
+    expect(wrapper.find(TableFilters)).toHaveLength(1);
+  });
+
+  it('returns loading when loading', () => {
+    setMockValues({ ...mockValues, groupsDataLoading: true });
+    const wrapper = shallow(<Groups />);
+
+    expect(wrapper.find(Loading)).toHaveLength(1);
+  });
+
+  it('gets search results when filters changed', () => {
+    const wrapper = shallow(<Groups />);
+
+    const filters = wrapper.find(TableFilters).dive().shallow();
+    const input = filters.find(EuiFieldSearch);
+
+    input.simulate('change', { target: { value: 'Query' } });
+
+    expect(getSearchResults).toHaveBeenCalledWith(true);
+  });
+
+  it('renders manage button when new group added', () => {
+    setMockValues({
+      ...mockValues,
+      newGroup: { name: 'group', id: '123' },
+      messages: [mockSuccessMessage],
+    });
+    const wrapper = shallow(<Groups />);
+    const flashMessages = wrapper.find(FlashMessages).dive().shallow();
+
+    expect(flashMessages.find('[data-test-subj="NewGroupManageButton"]')).toHaveLength(1);
+  });
+
+  it('renders ClearFiltersLink when filters set', () => {
+    setMockValues({
+      ...mockValues,
+      hasFiltersSet: true,
+      groupsMeta: DEFAULT_META,
+    });
+
+    const wrapper = shallow(<Groups />);
+
+    expect(wrapper.find(ClearFiltersLink)).toHaveLength(1);
+  });
+
+  it('renders inviteUsersButton when not federated auth', () => {
+    setMockValues({
+      ...mockValues,
+      isFederatedAuth: false,
+    });
+
+    const wrapper = shallow(<Groups />);
+
+    const Action: React.FC = () =>
+      wrapper.find(ViewContentHeader).props().action as React.ReactElement<any, any> | null;
+    const action = shallow(<Action />);
+
+    expect(action.find('[data-test-subj="InviteUsersButton"]')).toHaveLength(1);
+    expect(action.find(EuiLinkButton)).toHaveLength(1);
+  });
+
+  it('does not render inviteUsersButton when federated auth', () => {
+    setMockValues({
+      ...mockValues,
+      isFederatedAuth: true,
+    });
+
+    const wrapper = shallow(<Groups />);
+
+    const Action: React.FC = () =>
+      wrapper.find(ViewContentHeader).props().action as React.ReactElement<any, any> | null;
+    const action = shallow(<Action />);
+
+    expect(action.find('[data-test-subj="InviteUsersButton"]')).toHaveLength(0);
+  });
+
+  it('renders EuiLoadingSpinner when loading', () => {
+    setMockValues({
+      ...mockValues,
+      groupListLoading: true,
+    });
+
+    const wrapper = shallow(<Groups />);
+
+    expect(wrapper.find(EuiLoadingSpinner)).toHaveLength(1);
+  });
+
+  it('renders AddGroupModal', () => {
+    setMockValues({
+      ...mockValues,
+      newGroupModalOpen: true,
+    });
+
+    const wrapper = shallow(<Groups />);
+
+    expect(wrapper.find(AddGroupModal)).toHaveLength(1);
+  });
+});

x-pack/plugins/enterprise_search/public/applications/workplace_search/views/groups/groups.tsx

@@ -61,7 +61,11 @@ export const Groups: React.FC = () => {
 
   if (newGroup && hasMessages) {
     messages[0].description = (
-      <EuiLinkButton to={getGroupPath(newGroup.id)} color="primary">
+      <EuiLinkButton
+        to={getGroupPath(newGroup.id)}
+        color="primary"
+        data-test-subj="NewGroupManageButton"
+      >
         {i18n.translate('xpack.enterpriseSearch.workplaceSearch.groups.newGroup.action', {
           defaultMessage: 'Manage Group',
         })}