From 7d449e05562c76bb430efc1c36bd715675a84152 Mon Sep 17 00:00:00 2001
From: George Goldberg <george@gberg.me>
Date: Thu, 23 Mar 2017 18:05:36 +0000
Subject: PLT-5755: Infrastructure for Component Testing. (#5814)

This migrates the existing webapp tests to using Jest and Enzyme. The
infrastructure is put in place for React component testing, and a few
simple example component tests are implemented.

This also adds snapshot testing of components, coverage checking for the
webapp (although that is not yet integrated to Coveralls), and the
ability to run npm run test:watch to automatically re-run affected tests
when working on the webapp codebase.
---
 webapp/tests/components/about_build_modal.test.jsx | 129 +++++++++++++++++++++
 1 file changed, 129 insertions(+)
 create mode 100644 webapp/tests/components/about_build_modal.test.jsx

(limited to 'webapp/tests/components/about_build_modal.test.jsx')

diff --git a/webapp/tests/components/about_build_modal.test.jsx b/webapp/tests/components/about_build_modal.test.jsx
new file mode 100644
index 000000000..981bbac67
--- /dev/null
+++ b/webapp/tests/components/about_build_modal.test.jsx
@@ -0,0 +1,129 @@
+// Copyright (c) 2017 Mattermost, Inc. All Rights Reserved.
+// See License.txt for license information.
+
+import React from 'react';
+import {shallow} from 'enzyme';
+import {mountWithIntl} from 'tests/helpers/intl-test-helper.jsx';
+
+import AboutBuildModal from 'components/about_build_modal.jsx';
+import {Modal} from 'react-bootstrap';
+
+describe('components/AboutBuildModal', () => {
+    afterEach(() => {
+        global.window.mm_config = null;
+        global.window.mm_license = null;
+    });
+
+    test('should match snapshot for enterprise edition', () => {
+        global.window.mm_config = {
+            BuildEnterpriseReady: 'true',
+            Version: '3.6.0',
+            BuildNumber: '3.6.2',
+            SQLDriverName: 'Postgres',
+            BuildHash: 'abcdef1234567890',
+            BuildHashEnterprise: '0123456789abcdef',
+            BuildDate: '21 January 2017'
+        };
+
+        global.window.mm_license = {
+            isLicensed: 'true',
+            Company: 'Mattermost Inc'
+        };
+
+        const wrapper = shallow(
+            <AboutBuildModal
+                show={true}
+                onModalDismissed={null}
+            />
+        );
+        expect(wrapper).toMatchSnapshot();
+    });
+
+    test('should match snapshot for team edition', () => {
+        global.window.mm_config = {
+            BuildEnterpriseReady: 'false',
+            Version: '3.6.0',
+            BuildNumber: '3.6.2',
+            SQLDriverName: 'Postgres',
+            BuildHash: 'abcdef1234567890',
+            BuildDate: '21 January 2017'
+        };
+
+        global.window.mm_license = null;
+
+        const wrapper = shallow(
+            <AboutBuildModal
+                show={true}
+                onModalDismissed={null}
+            />
+        );
+        expect(wrapper).toMatchSnapshot();
+    });
+
+    test('should hide the build number if it is the same as the version number', () => {
+        global.window.mm_config = {
+            BuildEnterpriseReady: 'false',
+            Version: '3.6.0',
+            BuildNumber: '3.6.0',
+            SQLDriverName: 'Postgres',
+            BuildHash: 'abcdef1234567890',
+            BuildDate: '21 January 2017'
+        };
+
+        global.window.mm_license = null;
+
+        const wrapper = shallow(
+            <AboutBuildModal
+                show={true}
+                onModalDismissed={null}
+            />
+        );
+        expect(wrapper.find('#versionString').text()).toBe(' 3.6.0');
+    });
+
+    test('should show the build number if it is the different from the version number', () => {
+        global.window.mm_config = {
+            BuildEnterpriseReady: 'false',
+            Version: '3.6.0',
+            BuildNumber: '3.6.2',
+            SQLDriverName: 'Postgres',
+            BuildHash: 'abcdef1234567890',
+            BuildDate: '21 January 2017'
+        };
+
+        global.window.mm_license = null;
+
+        const wrapper = shallow(
+            <AboutBuildModal
+                show={true}
+                onModalDismissed={null}
+            />
+        );
+        expect(wrapper.find('#versionString').text()).toBe(' 3.6.0\u00a0 (3.6.2)');
+    });
+
+    test('should call onModalDismissed callback when the modal is hidden', (done) => {
+        global.window.mm_config = {
+            BuildEnterpriseReady: 'false',
+            Version: '3.6.0',
+            BuildNumber: '3.6.2',
+            SQLDriverName: 'Postgres',
+            BuildHash: 'abcdef1234567890',
+            BuildDate: '21 January 2017'
+        };
+
+        global.window.mm_license = null;
+
+        function onHide() {
+            done();
+        }
+
+        const wrapper = mountWithIntl(
+            <AboutBuildModal
+                show={true}
+                onModalDismissed={onHide}
+            />
+        );
+        wrapper.find(Modal).first().props().onHide();
+    });
+});
-- 
cgit v1.2.3-1-g7c22

