added reducer testing folder

Author: jzuniga206

package.json

@@ -71,7 +71,7 @@
     "electron": "cross-env NODE_ENV=development electron .",
     "build": "cross-env NODE_ENV=production webpack --config webpack.config.production.js",
     "build-bin": "electron-builder -mwl",
-    "test": "cross-env NODE_ENV=test jest",
+    "test": "cross-env NODE_ENV=test jest --verbose",
     "test:clear": "cross-env NODE_ENV=test jest --clearCache",
     "linter": "eslint src",
     "develop": "concurrently \"npm run dev\" \"npm run electron\""
@@ -184,7 +184,7 @@
     "extract-text-webpack-plugin": "^4.0.0-beta.0",
     "html-webpack-plugin": "^3.1.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^23.6.0",
+    "jest": "^25.2.6",
     "node-sass": "^4.13.1",
     "postcss-loader": "^2.1.6",
     "redux-mock-store": "^1.5.4",

src/reducers/__tests__/leftReducers.test.ts

@@ -0,0 +1,65 @@
+import * as reducers from '../leftReducers.ts';
+import { initialApplicationState } from '../initialState.ts';
+
+initialApplicationState.describe('Left reducers', () => {
+  let state;
+
+  // redefine the default state before each reducer test
+  beforeEach(() => {
+    state = {
+      editMode: -1,
+      testing: 'testingReducer',
+      codeReadOnly: true,
+      components: [
+        {
+          changed: true,
+          childrenArray: [{}],
+          classBased: false,
+          code: '....',
+          color: '#FF6D00',
+          focusChild: {},
+          focusChildId: -1,
+          id: 1,
+          nextChildId: 3,
+          nextPropId: 2,
+          position: {
+            height: 850,
+            width: 500,
+            x: 70,
+            y: 100
+          },
+          props: [],
+          stateful: false,
+          title: 'App'
+        }
+      ]
+    };
+  });
+
+  describe('toggleComponentState', () => {
+    it('inverts the statefulness of component passed in', () => {});
+  });
+
+  // toggleEditMode reducer allows changing of component names in left container
+  describe('toggleEditMode reducer', () => {
+    it('should return the same state if id === 1', () => {
+      const action = {
+        type: 'EDIT_MODE',
+        payload: { id: 1 }
+      };
+
+      const newState = reducers.toggleEditMode(state, action.payload);
+      expect(newState).toStrictEqual(state);
+    });
+
+    it('should return new state with updated editMode', () => {
+      const action = {
+        type: 'EDIT_MODE',
+        payload: { id: 2 }
+      };
+
+      const newState = reducers.toggleEditMode(state, action.payload);
+      expect(newState.editMode).toEqual(action.payload.id);
+    });
+  });
+});