Migrate add and edit outgoing webhook components to redux (#6818)

4 files changed, 94 insertions, 0 deletions

diff --git a/webapp/tests/components/integrations/__snapshots__/add_outgoing_hook.test.jsx.snap b/webapp/tests/components/integrations/__snapshots__/add_outgoing_hook.test.jsx.snap
new file mode 100644
index 000000000..a55f5db5e
--- /dev/null
+++ b/webapp/tests/components/integrations/__snapshots__/add_outgoing_hook.test.jsx.snap
@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`components/integrations/AddOutgoingWebhook should match snapshot 1`] = `
+<AbstractOutgoingWebhook
+  action={[Function]}
+  footer={
+    Object {
+      "defaultMessage": "Save",
+      "id": "add_outgoing_webhook.save",
+    }
+  }
+  header={
+    Object {
+      "defaultMessage": "Add",
+      "id": "integrations.add",
+    }
+  }
+  renderExtra=""
+  serverError=""
+  team={
+    Object {
+      "id": "testteamid",
+      "name": "test",
+    }
+  }
+/>
+`;
diff --git a/webapp/tests/components/integrations/__snapshots__/edit_outgoing_hook.test.jsx.snap b/webapp/tests/components/integrations/__snapshots__/edit_outgoing_hook.test.jsx.snap
new file mode 100644
index 000000000..d7656b08f
--- /dev/null
+++ b/webapp/tests/components/integrations/__snapshots__/edit_outgoing_hook.test.jsx.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`components/integrations/EditOutgoingWebhook should match snapshot 1`] = `
+<LoadingScreen
+  position="relative"
+/>
+`;
diff --git a/webapp/tests/components/integrations/add_outgoing_hook.test.jsx b/webapp/tests/components/integrations/add_outgoing_hook.test.jsx
new file mode 100644
index 000000000..0c92a7c83
--- /dev/null
+++ b/webapp/tests/components/integrations/add_outgoing_hook.test.jsx
@@ -0,0 +1,29 @@
+// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import React from 'react';
+import {shallow} from 'enzyme';
+
+import AddOutgoingWebhook from 'components/integrations/components/add_outgoing_webhook/add_outgoing_webhook.jsx';
+
+describe('components/integrations/AddOutgoingWebhook', () => {
+    test('should match snapshot', () => {
+        function emptyFunction() {} //eslint-disable-line no-empty-function
+        const teamId = 'testteamid';
+
+        const wrapper = shallow(
+            <AddOutgoingWebhook
+                team={{
+                    id: teamId,
+                    name: 'test'
+                }}
+                createOutgoingHookRequest={{
+                    status: 'not_started',
+                    error: null
+                }}
+                actions={{createOutgoingHook: emptyFunction}}
+            />
+        );
+        expect(wrapper).toMatchSnapshot();
+    });
+});
diff --git a/webapp/tests/components/integrations/edit_outgoing_hook.test.jsx b/webapp/tests/components/integrations/edit_outgoing_hook.test.jsx
new file mode 100644
index 000000000..c2a5020a6
--- /dev/null
+++ b/webapp/tests/components/integrations/edit_outgoing_hook.test.jsx
@@ -0,0 +1,31 @@
+// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import React from 'react';
+import {shallow} from 'enzyme';
+
+import EditOutgoingWebhook from 'components/integrations/components/edit_outgoing_webhook/edit_outgoing_webhook.jsx';
+
+describe('components/integrations/EditOutgoingWebhook', () => {
+    test('should match snapshot', () => {
+        function emptyFunction() {} //eslint-disable-line no-empty-function
+        const teamId = 'testteamid';
+
+        const wrapper = shallow(
+            <EditOutgoingWebhook
+                team={{
+                    id: teamId,
+                    name: 'test'
+                }}
+                hookId={'somehookid'}
+                updateOutgoingHookRequest={{
+                    status: 'not_started',
+                    error: null
+                }}
+                actions={{updateOutgoingHook: emptyFunction, getOutgoingHook: emptyFunction}}
+            />
+        );
+        expect(wrapper).toMatchSnapshot();
+    });
+});
+