boundary form test

x-pack/plugins/stack_alerts/public/rule_types/geo_containment/rule_form/boundary_form.test.tsx

@@ -0,0 +1,88 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React from 'react';
+import { act } from 'react-dom/test-utils';
+import { BoundaryForm } from './boundary_form';
+import { mountWithIntl, nextTick } from '@kbn/test-jest-helpers';
+import type { DataPublicPluginStart } from '@kbn/data-plugin/public';
+import type { GeoContainmentAlertParams } from '../types';
+import type { UnifiedSearchPublicPluginStart } from '@kbn/unified-search-plugin/public';
+
+jest.mock('./query_input', () => {
+  return {
+    QueryInput: () => <div>mock query input</div>,
+  };
+});
+
+test('should not call prop callbacks on render', async () => {
+  const DATA_VIEW_TITLE = 'my-boundaries*';
+  const DATA_VIEW_ID = '1234';
+  const mockDataView = {
+    id: DATA_VIEW_ID,
+    fields: [
+      {
+        name: 'location',
+        type: 'geo_shape',
+      },
+    ],
+    title: DATA_VIEW_TITLE
+  };
+  const props = {
+    data: {
+      indexPatterns: {
+        get: async () => mockDataView,
+      }
+    } as unknown as DataPublicPluginStart,
+    getValidationError: () => null,
+    ruleParams: {
+      boundaryIndexTitle: DATA_VIEW_TITLE,
+      boundaryIndexId: DATA_VIEW_ID,
+      boundaryGeoField: 'location',
+      boundaryNameField: 'name',
+      boundaryIndexQuery: {
+        query: 'population > 1000',
+        language: 'kuery',
+      },
+    } as unknown as GeoContainmentAlertParams,
+    setDataViewId: jest.fn(),
+    setDataViewTitle: jest.fn(),
+    setGeoField: jest.fn(),
+    setNameField: jest.fn(),
+    setQuery: jest.fn(),
+    unifiedSearch: {
+      ui: {
+        IndexPatternSelect: () => {
+          return '<div>mock IndexPatternSelect</div>';
+        }
+      }
+    } as unknown as UnifiedSearchPublicPluginStart,
+  }
+
+  const wrapper = mountWithIntl(<BoundaryForm {...props} />);
+  await act(async () => {
+      await nextTick();
+      wrapper.update();
+  });
+
+  // Assert that geospatial dataView fields are loaded
+  // to ensure test is properly awaiting async useEffect
+  let geoFieldsLoaded = false;
+  wrapper.findWhere(n => {
+    if (n.name() === 'SingleFieldSelect' && n.props().value === 'location' && n.props().fields.length === 1) {
+      geoFieldsLoaded = true;
+    }
+    return false;
+  });
+  expect(geoFieldsLoaded).toBe(true);
+
+  expect(props.setDataViewId).not.toHaveBeenCalled();
+  expect(props.setDataViewTitle).not.toHaveBeenCalled();
+  expect(props.setGeoField).not.toHaveBeenCalled();
+  expect(props.setNameField).not.toHaveBeenCalled();
+  expect(props.setQuery).not.toHaveBeenCalled();
+});