add component integration tests for processor items

Author: alisonelizabeth

x-pack/plugins/ingest_pipelines/public/application/components/pipeline_processors_editor/__jest__/constants.ts

@@ -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 { Pipeline } from '../../../../../common/types';
+import { VerboseTestOutput, Document } from '../types';
+
+export const PROCESSORS: Pick<Pipeline, 'processors'> = {
+  processors: [
+    {
+      set: {
+        field: 'field1',
+        value: 'value1',
+      },
+    },
+  ],
+};
+
+export const DOCUMENTS: Document[] = [
+  {
+    _index: 'index',
+    _id: 'id1',
+    _source: {
+      name: 'foo',
+    },
+  },
+  {
+    _index: 'index',
+    _id: 'id2',
+    _source: {
+      name: 'bar',
+    },
+  },
+];
+
+export const SIMULATE_RESPONSE: VerboseTestOutput = {
+  docs: [
+    {
+      processor_results: [
+        {
+          processor_type: 'set',
+          status: 'success',
+          tag: 'some_tag',
+          doc: {
+            _index: 'index',
+            _id: 'id1',
+            _source: {
+              name: 'foo',
+              foo: 'bar',
+            },
+          },
+        },
+      ],
+    },
+    {
+      processor_results: [
+        {
+          processor_type: 'set',
+          status: 'success',
+          tag: 'some_tag',
+          doc: {
+            _index: 'index',
+            _id: 'id2',
+            _source: {
+              name: 'bar',
+              foo: 'bar',
+            },
+          },
+        },
+      ],
+    },
+  ],
+};

x-pack/plugins/ingest_pipelines/public/application/components/pipeline_processors_editor/components/test_pipeline/__jest__/http_requests.helpers.ts renamed to x-pack/plugins/ingest_pipelines/public/application/components/pipeline_processors_editor/__jest__/http_requests.helpers.ts

@@ -11,7 +11,7 @@ import axiosXhrAdapter from 'axios/lib/adapters/xhr';
 /* eslint-disable @kbn/eslint/no-restricted-paths */
 import { usageCollectionPluginMock } from 'src/plugins/usage_collection/public/mocks';
 
-import { uiMetricService, apiService } from '../../../../../services';
+import { uiMetricService, apiService } from '../../../services';
 
 type HttpResponse = Record<string, any> | any[];
 

x-pack/plugins/ingest_pipelines/public/application/components/pipeline_processors_editor/components/test_pipeline/__jest__/test_pipeline.helpers.tsx renamed to x-pack/plugins/ingest_pipelines/public/application/components/pipeline_processors_editor/__jest__/test_pipeline.helpers.tsx

@@ -10,20 +10,42 @@ import { notificationServiceMock, scopedHistoryMock } from 'src/core/public/mock
 
 import { LocationDescriptorObject } from 'history';
 import { KibanaContextProvider } from 'src/plugins/kibana_react/public';
-import { registerTestBed, TestBed } from '../../../../../../../../../test_utils';
-import { stubWebWorker } from '../../../../../../../../../test_utils/stub_web_worker';
-import { ProcessorsEditorContextProvider, Props } from '../../../';
+import { registerTestBed, TestBed } from '../../../../../../../test_utils';
+import { stubWebWorker } from '../../../../../../../test_utils/stub_web_worker';
+import {
+  ProcessorsEditorContextProvider,
+  Props,
+  GlobalOnFailureProcessorsEditor,
+  ProcessorsEditor,
+} from '../';
 import { TestPipelineActions } from '../';
 
 import {
   breadcrumbService,
   uiMetricService,
   documentationService,
   apiService,
-} from '../../../../../services';
+} from '../../../services';
 
 stubWebWorker();
 
+jest.mock('../../../../../../../../src/plugins/kibana_react/public', () => {
+  const original = jest.requireActual('../../../../../../../../src/plugins/kibana_react/public');
+  return {
+    ...original,
+    // Mocking CodeEditor, which uses React Monaco under the hood
+    CodeEditor: (props: any) => (
+      <input
+        data-test-subj={props['data-test-subj'] || 'mockCodeEditor'}
+        data-currentvalue={props.value}
+        onChange={(e: any) => {
+          props.onChange(e.jsonContent);
+        }}
+      />
+    ),
+  };
+});
+
 jest.mock('@elastic/eui', () => {
   const original = jest.requireActual('@elastic/eui');
   return {
@@ -40,6 +62,17 @@ jest.mock('@elastic/eui', () => {
   };
 });
 
+jest.mock('react-virtualized', () => {
+  const original = jest.requireActual('react-virtualized');
+
+  return {
+    ...original,
+    AutoSizer: ({ children }: { children: any }) => (
+      <div>{children({ height: 500, width: 500 })}</div>
+    ),
+  };
+});
+
 const history = scopedHistoryMock.create();
 history.createHref.mockImplementation((location: LocationDescriptorObject) => {
   return `${location.pathname}?${location.search}`;
@@ -52,13 +85,15 @@ const appServices = {
   api: apiService,
   notifications: notificationServiceMock.createSetupContract(),
   history,
+  uiSettings: {},
 };
 
 const testBedSetup = registerTestBed<TestSubject>(
   (props: Props) => (
     <KibanaContextProvider services={appServices}>
       <ProcessorsEditorContextProvider {...props}>
         <TestPipelineActions />
+        <ProcessorsEditor /> <GlobalOnFailureProcessorsEditor />
       </ProcessorsEditorContextProvider>
     </KibanaContextProvider>
   ),
@@ -96,6 +131,13 @@ const createActions = (testBed: TestBed<TestSubject>) => {
       component.update();
     },
 
+    clickProcessorOutputTab() {
+      act(() => {
+        find('outputTab').simulate('click');
+      });
+      component.update();
+    },
+
     async clickRefreshOutputButton() {
       await act(async () => {
         find('refreshOutputButton').simulate('click');
@@ -122,6 +164,13 @@ const createActions = (testBed: TestBed<TestSubject>) => {
         jsonString,
       });
     },
+
+    async clickProcessor(processorSelector: string) {
+      await act(async () => {
+        find(`${processorSelector}.manageItemButton`).simulate('click');
+      });
+      component.update();
+    },
   };
 };
 
@@ -147,4 +196,11 @@ type TestSubject =
   | 'viewOutputButton'
   | 'pipelineExecutionError'
   | 'euiFlyoutCloseButton'
-  | 'documentsTab';
+  | 'processorStatusIcon'
+  | 'documentsTab'
+  | 'manageItemButton'
+  | 'processorSettingsForm'
+  | 'configurationTab'
+  | 'outputTab'
+  | 'processorOutputTabContent'
+  | string;