Migrate add and edit incoming webhook components to redux (#6885)

* Migrate add incoming webhook components to redux

* Migrate edit incoming webhook components to redux

* Add tests

4 files changed, 92 insertions, 0 deletions

diff --git a/webapp/tests/components/integrations/__snapshots__/add_incoming_hook.test.jsx.snap b/webapp/tests/components/integrations/__snapshots__/add_incoming_hook.test.jsx.snap
new file mode 100644
index 000000000..ce34d81bc
--- /dev/null
+++ b/webapp/tests/components/integrations/__snapshots__/add_incoming_hook.test.jsx.snap
@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`components/integrations/AddIncomingWebhook should match snapshot 1`] = `
+<AbstractIncomingWebhook
+  action={[Function]}
+  footer={
+    Object {
+      "defaultMessage": "Save",
+      "id": "add_incoming_webhook.save",
+    }
+  }
+  header={
+    Object {
+      "defaultMessage": "Add",
+      "id": "integrations.add",
+    }
+  }
+  serverError=""
+  team={
+    Object {
+      "id": "testteamid",
+      "name": "test",
+    }
+  }
+/>
+`;
diff --git a/webapp/tests/components/integrations/__snapshots__/edit_incoming_hook.test.jsx.snap b/webapp/tests/components/integrations/__snapshots__/edit_incoming_hook.test.jsx.snap
new file mode 100644
index 000000000..ed392dcbd
--- /dev/null
+++ b/webapp/tests/components/integrations/__snapshots__/edit_incoming_hook.test.jsx.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`components/integrations/EditIncomingWebhook should match snapshot 1`] = `
+<LoadingScreen
+  position="relative"
+/>
+`;
diff --git a/webapp/tests/components/integrations/add_incoming_hook.test.jsx b/webapp/tests/components/integrations/add_incoming_hook.test.jsx
new file mode 100644
index 000000000..ae5a46cb2
--- /dev/null
+++ b/webapp/tests/components/integrations/add_incoming_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 AddIncomingWebhook from 'components/integrations/components/add_incoming_webhook/add_incoming_webhook.jsx';
+
+ describe('components/integrations/AddIncomingWebhook', () => {
+     test('should match snapshot', () => {
+         function emptyFunction() {} //eslint-disable-line no-empty-function
+         const teamId = 'testteamid';
+
+         const wrapper = shallow(
+             <AddIncomingWebhook
+                 team={{
+                     id: teamId,
+                     name: 'test'
+                 }}
+                 createIncomingHookRequest={{
+                     status: 'not_started',
+                     error: null
+                 }}
+                 actions={{createIncomingHook: emptyFunction}}
+             />
+         );
+         expect(wrapper).toMatchSnapshot();
+     });
+ });
diff --git a/webapp/tests/components/integrations/edit_incoming_hook.test.jsx b/webapp/tests/components/integrations/edit_incoming_hook.test.jsx
new file mode 100644
index 000000000..cb7544314
--- /dev/null
+++ b/webapp/tests/components/integrations/edit_incoming_hook.test.jsx
@@ -0,0 +1,30 @@
+// Copyright (c) 2017-present Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+ import React from 'react';
+ import {shallow} from 'enzyme';
+
+ import EditIncomingWebhook from 'components/integrations/components/edit_incoming_webhook/edit_incoming_webhook.jsx';
+
+ describe('components/integrations/EditIncomingWebhook', () => {
+     test('should match snapshot', () => {
+         function emptyFunction() {} //eslint-disable-line no-empty-function
+         const teamId = 'testteamid';
+
+         const wrapper = shallow(
+             <EditIncomingWebhook
+                 team={{
+                     id: teamId,
+                     name: 'test'
+                 }}
+                 hookId={'somehookid'}
+                 updateIncomingHookRequest={{
+                     status: 'not_started',
+                     error: null
+                 }}
+                 actions={{updateIncomingHook: emptyFunction, getIncomingHook: emptyFunction}}
+             />
+         );
+         expect(wrapper).toMatchSnapshot();
+     });
+ });