Test viewDate in separate file

I think the tests are leaking and it's causing tests to fail, in the
current test file the tests has to be in a certain order - otherwise
they will fail.

One solution is to put them in separate files (like in this commit), but
of course the optimal solution would be to fix the leakage.

Author: simeg

test/tests.spec.js

@@ -1175,53 +1175,4 @@ describe('Datetime', () => {
 		});
 
 	});
-
-	describe('with viewDate', () => {
-    it('date value', () => {
-      const date = new Date(2000, 0, 15, 2, 2, 2, 2),
-          strDate = moment(date).format('MMMM YYYY'),
-          component = utils.createDatetime({ viewDate: date });
-      expect(utils.getViewDateValue(component)).toEqual(strDate);
-    });
-
-    it('moment value', () => {
-      const date = new Date(2000, 0, 15, 2, 2, 2, 2),
-          mDate = moment(date),
-          strDate = mDate.format('MMMM YYYY'),
-          component = utils.createDatetime({ viewDate: mDate });
-      expect(utils.getViewDateValue(component)).toEqual(strDate);
-    });
-
-    it('string value', () => {
-      const date = new Date(2000, 0, 15, 2, 2, 2, 2),
-          mDate = moment(date),
-          strDate = mDate.format('L') + ' ' + mDate.format('LT'),
-          expectedStrDate = mDate.format('MMMM YYYY'),
-          component = utils.createDatetime({ viewDate: strDate });
-      expect(utils.getViewDateValue(component)).toEqual(expectedStrDate);
-    });
-
-    it('UTC value from UTC string', () => {
-      const date = new Date(2000, 0, 15, 2, 2, 2, 2),
-          momentDateUTC = moment.utc(date),
-          strDateUTC = momentDateUTC.format('L') + ' ' + momentDateUTC.format('LT'),
-          expectedStrDate = momentDateUTC.format('MMMM YYYY'),
-          component = utils.createDatetime({ viewDate: strDateUTC, utc: true });
-      expect(utils.getViewDateValue(component)).toEqual(expectedStrDate);
-    });
-
-    it('invalid string value', () => {
-      const strDate = 'invalid string',
-          expectedStrDate = moment().format('MMMM YYYY'),
-          component = utils.createDatetime({ viewDate: strDate });
-      expect(utils.getViewDateValue(component)).toEqual(expectedStrDate);
-    });
-
-    it('invalid moment object', () => {
-      const mDate = moment(null),
-          expectedStrDate = moment().format('MMMM YYYY'),
-          component = utils.createDatetime({ viewDate: mDate });
-      expect(utils.getViewDateValue(component)).toEqual(expectedStrDate);
-    });
-	});
 });

test/viewDate.spec.js

@@ -0,0 +1,70 @@
+/* global it, describe, expect */
+
+import React from 'react'; // eslint-disable-line no-unused-vars
+import moment from 'moment';
+import utils from './testUtils';
+import Enzyme from 'enzyme';
+import Adapter from 'enzyme-adapter-react-15';
+
+Enzyme.configure({adapter: new Adapter()});
+
+describe('with viewDate', () => {
+    it('date value', () => {
+        const date = new Date(2000, 0, 15, 2, 2, 2, 2),
+            strDate = moment(date).format('MMMM YYYY'),
+            component = utils.createDatetime({viewDate: date});
+        expect(utils.getViewDateValue(component)).toEqual(strDate);
+    });
+
+    it('moment value', () => {
+        const date = new Date(2000, 0, 15, 2, 2, 2, 2),
+            mDate = moment(date),
+            strDate = mDate.format('MMMM YYYY'),
+            component = utils.createDatetime({viewDate: mDate});
+        expect(utils.getViewDateValue(component)).toEqual(strDate);
+    });
+
+    it('string value', () => {
+        const date = new Date(2000, 0, 15, 2, 2, 2, 2),
+            mDate = moment(date),
+            strDate = mDate.format('L') + ' ' + mDate.format('LT'),
+            expectedStrDate = mDate.format('MMMM YYYY'),
+            component = utils.createDatetime({viewDate: strDate});
+        expect(utils.getViewDateValue(component)).toEqual(expectedStrDate);
+    });
+
+    it('UTC value from UTC string', () => {
+        const date = new Date(2000, 0, 15, 2, 2, 2, 2),
+            momentDateUTC = moment.utc(date),
+            strDateUTC = momentDateUTC.format('L') + ' ' + momentDateUTC.format('LT'),
+            expectedStrDate = momentDateUTC.format('MMMM YYYY'),
+            component = utils.createDatetime({viewDate: strDateUTC, utc: true});
+        expect(utils.getViewDateValue(component)).toEqual(expectedStrDate);
+    });
+
+    it('invalid string value', () => {
+        const strDate = 'invalid string',
+            expectedStrDate = moment().format('MMMM YYYY'),
+            component = utils.createDatetime({viewDate: strDate});
+        expect(utils.getViewDateValue(component)).toEqual(expectedStrDate);
+    });
+
+    it('invalid moment object', () => {
+        const mDate = moment(null),
+            expectedStrDate = moment().format('MMMM YYYY'),
+            component = utils.createDatetime({viewDate: mDate});
+        expect(utils.getViewDateValue(component)).toEqual(expectedStrDate);
+    });
+
+    it('viewDate -> picker should change the initial month (viewMode=months)', () => {
+        const preDate = new Date(2000, 0, 15, 2, 2, 2, 2),
+            strPreDate = moment(preDate).format('MMMM YYYY'),
+            component = utils.createDatetime({viewDate: preDate});
+        expect(utils.getViewDateValue(component)).toEqual(strPreDate);
+
+        const postDate = new Date(2010, 0, 15, 2, 2, 2, 2),
+            strPostDate = moment(postDate).format('MMMM YYYY');
+        component.setProps({viewDate: postDate});
+        expect(utils.getViewDateValue(component)).toEqual(strPostDate);
+    });
+});