opendistro-for-elasticsearch · AWSHurneyt · Apr 1, 2021 · Apr 3, 2021 · Apr 7, 2021 · Apr 16, 2021
diff --git a/public/pages/CreateMonitor/components/LocalUriInput/LocalUriInput.js b/public/pages/CreateMonitor/components/LocalUriInput/LocalUriInput.js
@@ -0,0 +1,61 @@
+/*
+ *   Copyright 2021 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ *
+ *   Licensed under the Apache License, Version 2.0 (the "License").
+ *   You may not use this file except in compliance with the License.
+ *   A copy of the License is located at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *   or in the "license" file accompanying this file. This file is distributed
+ *   on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
+ *   express or implied. See the License for the specific language governing
+ *   permissions and limitations under the License.
+ */
+
+import React, { Fragment } from 'react';
+import { EuiSpacer, EuiFlexItem, EuiFlexGroup, EuiCodeEditor, EuiFormRow } from '@elastic/eui';
+import { hasError, isInvalid } from '../../../../utils/validate';
+import { FormikFieldText } from '../../../../components/FormControls';
+
+const LocalUriInput = ({ isDarkMode, response, values }) => (
+  <Fragment>
+    <EuiFlexGroup alignItems="flexStart">
+      <EuiFlexItem>
+        <EuiSpacer size="m" />
+        <FormikFieldText
+          name={`${values.searchType}.path`}
+          formRow
+          rowProps={{
+            label: 'Path',
+            helpText:
+              'The path associated with the REST API the monitor should call (e.g., "/_cluster/health").',
+            style: { paddingLeft: '10px' },
+            isInvalid,
+            error: hasError,
+          }}
+          inputProps={{
+            isInvalid,
+            onChange: (e, field, form) => {
+              form.setFieldValue('uri.path', e.target.value);
+            },
+          }}
+        />
+      </EuiFlexItem>
+      <EuiFlexItem>
+        <EuiFormRow label="Response" fullWidth>
+          <EuiCodeEditor
+            mode="json"
+            theme={isDarkMode ? 'sense-dark' : 'github'}
+            width="100%"
+            height="500px"
+            value={response}
+            readOnly
+          />
+        </EuiFormRow>
+      </EuiFlexItem>
+    </EuiFlexGroup>
+  </Fragment>
+);
+
+export default LocalUriInput;
diff --git a/public/pages/CreateMonitor/components/LocalUriInput/LocalUriInput.test.js b/public/pages/CreateMonitor/components/LocalUriInput/LocalUriInput.test.js
@@ -0,0 +1,30 @@
+/*
+ *   Copyright 2021 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ *
+ *   Licensed under the Apache License, Version 2.0 (the "License").
+ *   You may not use this file except in compliance with the License.
+ *   A copy of the License is located at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *   or in the "license" file accompanying this file. This file is distributed
+ *   on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
+ *   express or implied. See the License for the specific language governing
+ *   permissions and limitations under the License.
+ */
+import React from 'react';
+import { render } from 'enzyme';
+import { Formik } from 'formik';
+
+import LocalUriInput from './LocalUriInput';
+
+describe('LocalUriInput', () => {
+  test('renders', () => {
+    const component = (
+      <Formik>
+        <LocalUriInput values={{ searchType: 'localUri' }} />
+      </Formik>
+    );
+    expect(render(component)).toMatchSnapshot();
+  });
+});
diff --git a/public/pages/CreateMonitor/components/LocalUriInput/__snapshots__/LocalUriInput.test.js.snap b/public/pages/CreateMonitor/components/LocalUriInput/__snapshots__/LocalUriInput.test.js.snap
@@ -0,0 +1,106 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`LocalUriInput renders 1`] = `
+<div
+  class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive"
+>
+  <div
+    class="euiFlexItem"
+  >
+    <div
+      class="euiSpacer euiSpacer--m"
+    />
+    <div
+      class="euiFormRow"
+      id="localUri.path-form-row-row"
+      style="padding-left:10px"
+    >
+      <div
+        class="euiFormRow__labelWrapper"
+      >
+        <label
+          aria-invalid="false"
+          class="euiFormLabel euiFormRow__label"
+          for="localUri.path-form-row"
+        >
+          Path
+        </label>
+      </div>
+      <div
+        class="euiFormRow__fieldWrapper"
+      >
+        <div
+          class="euiFormControlLayout"
+        >
+          <div
+            class="euiFormControlLayout__childrenWrapper"
+          >
+            <input
+              class="euiFieldText"
+              name="localUri.path"
+              type="text"
+            />
+          </div>
+        </div>
+        <div
+          class="euiFormHelpText euiFormRow__text"
+          id="localUri.path-form-row-help"
+        >
+          The path associated with the REST API the monitor should call (e.g., "/_cluster/health").
+        </div>
+      </div>
+    </div>
+  </div>
+  <div
+    class="euiFlexItem"
+  >
+    <div
+      class="euiFormRow euiFormRow--fullWidth"
+      id="generated-id-row"
+    >
+      <div
+        class="euiFormRow__labelWrapper"
+      >
+        <label
+          class="euiFormLabel euiFormRow__label"
+          for="generated-id"
+        >
+          Response
+        </label>
+      </div>
+      <div
+        class="euiFormRow__fieldWrapper"
+      >
+        <div
+          class="euiCodeEditorWrapper"
+          data-test-subj="codeEditorContainer"
+          style="width:100%;height:500px"
+        >
+          <div
+            class="euiCodeEditorKeyboardHint"
+            data-test-subj="codeEditorHint"
+            id="generated-id"
+            role="button"
+            tabindex="0"
+          >
+            <p
+              class="euiText"
+            >
+              Press Enter to start editing.
+            </p>
+            <p
+              class="euiText"
+            >
+              When you're done, press Escape to stop editing.
+            </p>
+          </div>
+          <div
+            id="generated-id"
+            style="width:100%;height:500px"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/public/pages/CreateMonitor/components/LocalUriInput/index.js b/public/pages/CreateMonitor/components/LocalUriInput/index.js
@@ -0,0 +1,18 @@
+/*
+ *   Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ *
+ *   Licensed under the Apache License, Version 2.0 (the "License").
+ *   You may not use this file except in compliance with the License.
+ *   A copy of the License is located at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *   or in the "license" file accompanying this file. This file is distributed
+ *   on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
+ *   express or implied. See the License for the specific language governing
+ *   permissions and limitations under the License.
+ */
+
+import LocalUriImport from './LocalUriInput';
+
+export default LocalUriImport;
diff --git a/public/pages/CreateMonitor/components/MonitorDefinition/MonitorDefinition.js b/public/pages/CreateMonitor/components/MonitorDefinition/MonitorDefinition.js
@@ -1,5 +1,5 @@
 /*
- *   Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ *   Copyright 2021 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  *
  *   Licensed under the Apache License, Version 2.0 (the "License").
  *   You may not use this file except in compliance with the License.
@@ -20,6 +20,7 @@ import { ES_AD_PLUGIN } from '../../../../utils/constants';
 const defaultSelectDefinitions = [
   { value: 'graph', text: 'Define using visual graph' },
   { value: 'query', text: 'Define using extraction query' },
+  { value: 'localUri', text: 'Define using Local URI endpoint' },
 ];
 
 const onChangeDefinition = (e, form, resetResponse) => {
@@ -28,7 +29,7 @@ const onChangeDefinition = (e, form, resetResponse) => {
   form.setFieldValue('searchType', type);
 };
 
-const selectDefinitions = plugins => {
+const selectDefinitions = (plugins) => {
   return plugins === undefined || plugins.indexOf(ES_AD_PLUGIN) == -1
     ? defaultSelectDefinitions
     : [...defaultSelectDefinitions, { value: 'ad', text: 'Define using anomaly detector' }];

diff --git a/...s/CreateMonitor/components/MonitorDefinition/__snapshots__/MonitorDefinition.test.js.snap b/...s/CreateMonitor/components/MonitorDefinition/__snapshots__/MonitorDefinition.test.js.snap
@@ -40,6 +40,11 @@ exports[`MonitorDefinition renders 1`] = `
           >
             Define using extraction query
           </option>
+          <option
+            value="localUri"
+          >
+            Define using Local URI endpoint
+          </option>
         </select>
         <div
           class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"

diff --git a/...eMonitor/containers/AnomalyDetectors/__tests__/__snapshots__/AnomalyDetector.test.js.snap b/...eMonitor/containers/AnomalyDetectors/__tests__/__snapshots__/AnomalyDetector.test.js.snap
@@ -35,6 +35,13 @@ exports[`AnomalyDetectors renders 1`] = `
       "searchType": "graph",
       "timeField": "",
       "timezone": Array [],
+      "uri": Object {
+        "host": "localhost",
+        "path": "",
+        "port": "9200",
+        "scheme": "http",
+        "url": "",
+      },
       "weekly": Object {
         "fri": false,
         "mon": false,
@@ -89,6 +96,13 @@ exports[`AnomalyDetectors renders 1`] = `
         "searchType": "graph",
         "timeField": "",
         "timezone": Array [],
+        "uri": Object {
+          "host": "localhost",
+          "path": "",
+          "port": "9200",
+          "scheme": "http",
+          "url": "",
+        },
         "weekly": Object {
           "fri": false,
           "mon": false,
@@ -204,6 +218,13 @@ exports[`AnomalyDetectors renders 1`] = `
                     "searchType": "graph",
                     "timeField": "",
                     "timezone": Array [],
+                    "uri": Object {
+                      "host": "localhost",
+                      "path": "",
+                      "port": "9200",
+                      "scheme": "http",
+                      "url": "",
+                    },
                     "weekly": Object {
                       "fri": false,
                       "mon": false,
@@ -277,6 +298,13 @@ exports[`AnomalyDetectors renders 1`] = `
                     "searchType": "graph",
                     "timeField": "",
                     "timezone": Array [],
+                    "uri": Object {
+                      "host": "localhost",
+                      "path": "",
+                      "port": "9200",
+                      "scheme": "http",
+                      "url": "",
+                    },
                     "weekly": Object {
                       "fri": false,
                       "mon": false,
@@ -398,6 +426,13 @@ exports[`AnomalyDetectors renders 1`] = `
                             "searchType": "graph",
                             "timeField": "",
                             "timezone": Array [],
+                            "uri": Object {
+                              "host": "localhost",
+                              "path": "",
+                              "port": "9200",
+                              "scheme": "http",
+                              "url": "",
+                            },
                             "weekly": Object {
                               "fri": false,
                               "mon": false,
@@ -471,6 +506,13 @@ exports[`AnomalyDetectors renders 1`] = `
                             "searchType": "graph",
                             "timeField": "",
                             "timezone": Array [],
+                            "uri": Object {
+                              "host": "localhost",
+                              "path": "",
+                              "port": "9200",
+                              "scheme": "http",
+                              "url": "",
+                            },
                             "weekly": Object {
                               "fri": false,
                               "mon": false,

diff --git a/public/pages/CreateMonitor/containers/CreateMonitor/__snapshots__/CreateMonitor.test.js.snap b/public/pages/CreateMonitor/containers/CreateMonitor/__snapshots__/CreateMonitor.test.js.snap
@@ -42,6 +42,13 @@ exports[`CreateMonitor renders 1`] = `
         "searchType": "graph",
         "timeField": "",
         "timezone": Array [],
+        "uri": Object {
+          "host": "localhost",
+          "path": "",
+          "port": "9200",
+          "scheme": "http",
+          "url": "",
+        },
         "weekly": Object {
           "fri": false,
           "mon": false,

diff --git a/...s/CreateMonitor/containers/CreateMonitor/utils/__snapshots__/formikToMonitor.test.js.snap b/...s/CreateMonitor/containers/CreateMonitor/utils/__snapshots__/formikToMonitor.test.js.snap
@@ -91,6 +91,28 @@ Array [
 ]
 `;
 
+exports[`formikToInputs can call formikToLocalUri 1`] = `
+Object {
+  "uri": Object {
+    "host": "localhost",
+    "path": "",
+    "port": "9200",
+    "scheme": "http",
+  },
+}
+`;
+
+exports[`formikToLocalUri can build a LocalUriInput request 1`] = `
+Object {
+  "uri": Object {
+    "host": "localhost",
+    "path": "",
+    "port": "9200",
+    "scheme": "http",
+  },
+}
+`;
+
 exports[`formikToMonitor can build monitor 1`] = `
 Object {
   "enabled": false,