update tests

x-pack/plugins/remote_clusters/__jest__/client_integration/helpers/remote_clusters_add.helpers.js

@@ -5,11 +5,11 @@
  */
 
 import { registerTestBed } from '../../../../../test_utils';
+
 /* eslint-disable @kbn/eslint/no-restricted-paths */
 import { RemoteClusterAdd } from '../../../public/app/sections/remote_cluster_add';
 import { createRemoteClustersStore } from '../../../public/app/store';
 import { registerRouter } from '../../../public/app/services/routing';
-/* eslint-disable @kbn/eslint/no-restricted-paths */
 
 const testBedConfig = {
   store: createRemoteClustersStore,

x-pack/plugins/remote_clusters/__jest__/client_integration/helpers/remote_clusters_edit.helpers.js

@@ -10,7 +10,6 @@ import { registerTestBed } from '../../../../../test_utils';
 import { RemoteClusterEdit } from '../../../public/app/sections/remote_cluster_edit';
 import { createRemoteClustersStore } from '../../../public/app/store';
 import { registerRouter } from '../../../public/app/services/routing';
-/* eslint-disable @kbn/eslint/no-restricted-paths */
 
 import { REMOTE_CLUSTER_EDIT_NAME } from './constants';
 

x-pack/plugins/remote_clusters/__jest__/client_integration/helpers/remote_clusters_list.helpers.js

@@ -10,7 +10,6 @@ import { registerTestBed, findTestSubject } from '../../../../../test_utils';
 import { RemoteClusterList } from '../../../public/app/sections/remote_cluster_list';
 import { createRemoteClustersStore } from '../../../public/app/store';
 import { registerRouter } from '../../../public/app/services/routing';
-/* eslint-disable @kbn/eslint/no-restricted-paths */
 
 const testBedConfig = {
   store: createRemoteClustersStore,

x-pack/plugins/remote_clusters/__jest__/client_integration/helpers/setup_environment.js

@@ -4,29 +4,40 @@
  * you may not use this file except in compliance with the Elastic License.
  */
 
-import axios from 'axios';
-import axiosXhrAdapter from 'axios/lib/adapters/xhr';
-import chrome from 'ui/chrome'; // eslint-disable-line import/no-unresolved
-import { MANAGEMENT_BREADCRUMB } from 'ui/management'; // eslint-disable-line import/no-unresolved
-import { fatalError, toastNotifications } from 'ui/notify'; // eslint-disable-line import/no-unresolved
+import {
+  notificationServiceMock,
+  fatalErrorsServiceMock,
+  docLinksServiceMock,
+  injectedMetadataServiceMock,
+} from '../../../../../../src/core/public/mocks';
+
+import { usageCollectionPluginMock } from '../../../../../../src/plugins/usage_collection/public/mocks';
+
+// eslint-disable-next-line @kbn/eslint/no-restricted-paths
+import { HttpService } from '../../../../../../src/core/public/http';
 
 /* eslint-disable @kbn/eslint/no-restricted-paths */
 import { init as initBreadcrumb } from '../../../public/app/services/breadcrumb';
 import { init as initHttp } from '../../../public/app/services/http';
 import { init as initNotification } from '../../../public/app/services/notification';
 import { init as initUiMetric } from '../../../public/app/services/ui_metric';
-/* eslint-disable @kbn/eslint/no-restricted-paths */
+import { init as initDocumentation } from '../../../public/app/services/documentation';
 import { init as initHttpRequests } from './http_requests';
 
 export const setupEnvironment = () => {
-  chrome.breadcrumbs = {
-    set: () => {},
-  };
-  // axios has a $http like interface so using it to simulate $http
-  initHttp(axios.create({ adapter: axiosXhrAdapter }), path => path);
-  initBreadcrumb(() => {}, MANAGEMENT_BREADCRUMB);
-  initNotification(toastNotifications, fatalError);
-  initUiMetric(() => () => {});
+  const httpServiceSetupMock = new HttpService().setup({
+    injectedMetadata: injectedMetadataServiceMock.createSetupContract(),
+    fatalErrors: fatalErrorsServiceMock.createSetupContract(),
+  });
+
+  initBreadcrumb(() => {});
+  initDocumentation(docLinksServiceMock.createStartContract());
+  initUiMetric(usageCollectionPluginMock.createSetupContract());
+  initNotification(
+    notificationServiceMock.createSetupContract().toasts,
+    fatalErrorsServiceMock.createSetupContract()
+  );
+  initHttp(httpServiceSetupMock);
 
   const { server, httpRequestsMockHelpers } = initHttpRequests();
 

x-pack/plugins/remote_clusters/__jest__/client_integration/remote_clusters_add.test.js

@@ -77,7 +77,7 @@ describe('Create Remote cluster', () => {
       beforeEach(async () => {
         ({ component, form, actions } = setup());
 
-        await nextTick();
+        await nextTick(100);
         component.update();
       });
 

x-pack/plugins/remote_clusters/__jest__/client_integration/remote_clusters_edit.test.js

@@ -31,7 +31,7 @@ describe('Edit Remote cluster', () => {
     httpRequestsMockHelpers.setLoadRemoteClustersResponse([REMOTE_CLUSTER_EDIT]);
 
     ({ component, find, exists } = setup());
-    await nextTick();
+    await nextTick(100);
     component.update();
   });
 
@@ -52,7 +52,7 @@ describe('Edit Remote cluster', () => {
   test('should use the same Form component as the "<RemoteClusterEdit />" component', async () => {
     const { component: addRemoteClusterComponent } = setupRemoteClustersAdd();
 
-    await nextTick();
+    await nextTick(100);
     addRemoteClusterComponent.update();
 
     const formEdit = component.find(RemoteClusterForm);

x-pack/plugins/remote_clusters/__jest__/client_integration/remote_clusters_list.test.js

@@ -39,11 +39,11 @@ describe('<RemoteClusterList />', () => {
   describe('on component mount', () => {
     let exists;
 
-    beforeEach(async () => {
+    beforeEach(() => {
       ({ exists } = setup());
     });
 
-    test('should show a "loading remote clusters" indicator', async () => {
+    test('should show a "loading remote clusters" indicator', () => {
       expect(exists('remoteClustersTableLoading')).toBe(true);
     });
   });
@@ -55,7 +55,7 @@ describe('<RemoteClusterList />', () => {
     beforeEach(async () => {
       ({ exists, component } = setup());
 
-      await nextTick(); // We need to wait next tick for the mock server response to kick in
+      await nextTick(100); // We need to wait next tick for the mock server response to kick in
       component.update();
     });
 
@@ -97,7 +97,7 @@ describe('<RemoteClusterList />', () => {
       // Mount the component
       ({ component, find, exists, table, actions } = setup());
 
-      await nextTick(); // Make sure that the Http request is fulfilled
+      await nextTick(100); // Make sure that the Http request is fulfilled
       component.update();
 
       // Read the remote clusters list table
@@ -206,7 +206,7 @@ describe('<RemoteClusterList />', () => {
         actions.clickBulkDeleteButton();
         actions.clickConfirmModalDeleteRemoteCluster();
 
-        await nextTick(550); // there is a 500ms timeout in the api action
+        await nextTick(600); // there is a 500ms timeout in the api action
         component.update();
 
         ({ rows } = table.getMetaData('remoteClusterListTable'));