[Enterprise Search] Added a Credentials page to App Search

x-pack/plugins/enterprise_search/public/applications/__mocks__/shallow_useeffect.mock.ts

@@ -9,6 +9,10 @@ jest.mock('react', () => ({
   useEffect: jest.fn((fn) => fn()), // Calls on mount/every update - use mount for more complex behavior
 }));
 
+// Helper for calling the returned useEffect unmount handler
+import { useEffect } from 'react';
+export const unmountHandler = () => (useEffect as jest.Mock).mock.calls[0][0]()();
+
 /**
  * Example usage within a component test using shallow():
  *
@@ -19,3 +23,14 @@ jest.mock('react', () => ({
  *
  * // ... etc.
  */
+/**
+ * Example unmount() usage:
+ *
+ * import { onUnmount } from '../../../__mocks__/shallow_useeffect.mock';
+ *
+ * it('unmounts', () => {
+ *   shallow(SomeComponent);
+ *   unmountHandler();
+ *   // expect something to have been done on unmount (NOTE: the component is not actually unmounted)
+ * });
+ */

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

@@ -4,9 +4,9 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 import '../../../__mocks__/kea.mock';
-import '../../../__mocks__/shallow_useeffect.mock';
+import { unmountHandler } from '../../../__mocks__/shallow_useeffect.mock';
 
-import React, { useEffect } from 'react';
+import React from 'react';
 import { shallow } from 'enzyme';
 import { useValues, useActions } from 'kea';
 
@@ -15,8 +15,6 @@ import { EuiCopy, EuiPageContentBody } from '@elastic/eui';
 
 import { externalUrl } from '../../../shared/enterprise_search_url';
 
-const getUseEffectUnmountHandler = () => (useEffect as jest.Mock).mock.calls[0][0]();
-
 describe('Credentials', () => {
   const mockKea = ({ values = {}, actions = {} }) => {
     const mergedValues = {
@@ -54,7 +52,6 @@ describe('Credentials', () => {
     const resetCredentials = jest.fn();
     mockKea({ actions: { resetCredentials } });
     shallow(<Credentials />);
-    const unmountHandler = getUseEffectUnmountHandler();
     unmountHandler();
     expect(resetCredentials).toHaveBeenCalledTimes(1);
   });