Added boolean test for StateManager tab

Author: atvanek

__tests__/stateManagementReducer.test.js

@@ -1,71 +1,19 @@
 import reducer from '../app/src/redux/reducers/slice/appStateSlice';
-import { initialState } from '../app/src/redux/reducers/slice/appStateSlice';
+import state from './test_utils';
 
-let state = JSON.parse(JSON.stringify(initialState));
-state.components = [
-  {
-    id: 1,
-    name: 'App',
-    style: {},
-    code: "import React, { useState, useEffect, useContext} from 'react';\n\n\n\nimport C1 from './C1'\nconst App = (props) => {\n\n\n      const [appState, setAppState] = useState<number | undefined>(1);\n\n  return(\n    <>\n<C1  id = \"1\" />\n    </>\n  );\n}\n\nexport default App\n",
-    children: [
-      {
-        type: 'HTML Element',
-        typeId: 1000,
-        name: 'separator',
-        childId: 1000,
-        style: { border: 'none' },
-        attributes: {},
-        children: []
-      },
-      {
-        type: 'Component',
-        typeId: 2,
-        name: 'C1',
-        childId: 1,
-        style: {},
-        attributes: {},
-        children: [],
-        stateProps: [],
-        passedInProps: []
-      }
-    ],
-    isPage: true,
-    past: [[]],
-    future: [],
-    stateProps: [],
-    useStateCodes: [
-      'const [appState, setAppState] = useState<number | undefined>(1)'
-    ]
-  },
-  {
-    id: 2,
-    name: 'C1',
-    nextChildId: 1,
-    style: {},
-    attributes: {},
-    code: "import React, { useState, useEffect, useContext} from 'react';\n\n\n\n\nconst C1 = (props) => {\n\n\n\n  return(\n    <>\n\n    </>\n  );\n}\n\nexport default C1\n",
-    children: [],
-    isPage: false,
-    past: [],
-    future: [],
-    stateProps: [],
-    useStateCodes: [],
-    passedInProps: []
-  }
-];
+//initializing copy of initial state to be used for test suite
 
-describe('Testing componentReducer functionality for stateManagement tab', () => {
-  const findComponent = (components, componentId) => {
-    return components.find((elem) => elem.id === componentId);
-  };
+const findComponent = (components, componentId) => {
+  return components.find((elem) => elem.id === componentId);
+};
 
+describe('Testing componentReducer functionality for stateManagement tab', () => {
   // TEST 'ADD STATE'
-  describe('addState test', () => {
+  describe('addState', () => {
     // setting canvas focus to root component (App)
     // state.canvasFocus.componentId = 1;
     // action dispatched to be tested
-    const action = {
+    const action1 = {
       type: 'appState/addState',
       payload: {
         newState: {
@@ -87,10 +35,10 @@ describe('Testing componentReducer functionality for stateManagement tab', () =>
     };
 
     // setting test state
-    state = reducer(state, action);
-    const currComponent = findComponent(state.components, 1);
+    state = reducer(state, action1);
+    let currComponent = findComponent(state.components, 1);
 
-    it('should add state and its function modifier to the stateProps array of the current component', () => {
+    it('should add state and its setter function to the stateProps array of the current component', () => {
       expect(currComponent.stateProps.length).toEqual(2);
     });
     it(`state id should be 'App-testAppState'`, () => {
@@ -102,7 +50,7 @@ describe('Testing componentReducer functionality for stateManagement tab', () =>
     it(`state value should be 1`, () => {
       expect(currComponent.stateProps[0].value).toEqual(1);
     });
-    it(`state key should be number`, () => {
+    it(`state value type should be 'number'`, () => {
       expect(currComponent.stateProps[0].type).toEqual('number');
     });
     it(`function state id should be 'App-setTestAppState'`, () => {
@@ -117,12 +65,45 @@ describe('Testing componentReducer functionality for stateManagement tab', () =>
     it(`function state key should be func`, () => {
       expect(currComponent.stateProps[1].type).toEqual('func');
     });
+
+    const action2 = {
+      type: 'appState/addState',
+      payload: {
+        newState: {
+          id: 'App-testAppState2',
+          key: 'isLoggedIn',
+          type: 'boolean',
+          value: 'false'
+        },
+        setNewState: {
+          id: 'App-setTestAppState2',
+          key: 'setIsLoggedIn',
+          type: 'func',
+          value: ''
+        },
+        contextParam: {
+          allContext: []
+        }
+      }
+    };
+
+    state = reducer(state, action2);
+    console.log(state.components[0].stateProps);
+
+    describe('should handle value with type of boolean', () => {
+      it(`state key type should be boolean`, () => {
+        expect(state.components[0].stateProps[2].type).toEqual('boolean');
+      });
+      it(`state value should be false`, () => {
+        expect(state.components[0].stateProps[2].value).toEqual('false');
+      });
+    });
   });
 
   // TEST 'ADD PASSEDINPROPS'
-  describe('ADD PASSEDINPROPS test', () => {
-    // setting canvas focus to the child component
+  describe('addPassedInProps', () => {
     state = JSON.parse(JSON.stringify(state));
+    // setting canvas focus to the child component
     state.canvasFocus.componentId = 2;
 
     // action dispatched to be tested
@@ -159,7 +140,6 @@ describe('Testing componentReducer functionality for stateManagement tab', () =>
     it(`current component should have a state value type: 'number'`, () => {
       expect(currComponent.passedInProps[0].type).toEqual('number');
     });
-
     //check parent children array to make sure it is being added here as well
     it(`parent component 'passedInProps' array length should be 1`, () => {
       expect(currComponent.passedInProps.length).toEqual(1);
@@ -185,7 +165,7 @@ describe('Testing componentReducer functionality for stateManagement tab', () =>
   });
 
   // TEST 'DELETE PASSEDINPROPS'
-  describe('DELETE PASSEDINPROPS test', () => {
+  describe('deletePassedInProps', () => {
     it('should delete the state passed down from parent component in the child component', () => {
       // setting canvas focus to the child component
       state = JSON.parse(JSON.stringify(state));
@@ -213,7 +193,7 @@ describe('Testing componentReducer functionality for stateManagement tab', () =>
   });
 
   // TEST 'DELETE STATE'
-  describe('DELETE STATE test', () => {
+  describe('deleteState', () => {
     it('should delete all instances of state from stateProps and passedInProps', () => {
       // setting canvas focus to root component
       state = JSON.parse(JSON.stringify(state));

__tests__/test_utils.jsx

@@ -0,0 +1,55 @@
+import { initialState } from '../app/src/redux/reducers/slice/appStateSlice';
+
+export const state = JSON.parse(JSON.stringify(initialState));
+state.components = [
+  {
+    id: 1,
+    name: 'App',
+    style: {},
+    code: "import React, { useState, useEffect, useContext} from 'react';\n\n\n\nimport C1 from './C1'\nconst App = (props) => {\n\n\n      const [appState, setAppState] = useState<number | undefined>(1);\n\n  return(\n    <>\n<C1  id = \"1\" />\n    </>\n  );\n}\n\nexport default App\n",
+    children: [
+      {
+        type: 'HTML Element',
+        typeId: 1000,
+        name: 'separator',
+        childId: 1000,
+        style: { border: 'none' },
+        attributes: {},
+        children: []
+      },
+      {
+        type: 'Component',
+        typeId: 2,
+        name: 'C1',
+        childId: 1,
+        style: {},
+        attributes: {},
+        children: [],
+        stateProps: [],
+        passedInProps: []
+      }
+    ],
+    isPage: true,
+    past: [[]],
+    future: [],
+    stateProps: [],
+    useStateCodes: [
+      'const [appState, setAppState] = useState<number | undefined>(1)'
+    ]
+  },
+  {
+    id: 2,
+    name: 'C1',
+    nextChildId: 1,
+    style: {},
+    attributes: {},
+    code: "import React, { useState, useEffect, useContext} from 'react';\n\n\n\n\nconst C1 = (props) => {\n\n\n\n  return(\n    <>\n\n    </>\n  );\n}\n\nexport default C1\n",
+    children: [],
+    isPage: false,
+    past: [],
+    future: [],
+    stateProps: [],
+    useStateCodes: [],
+    passedInProps: []
+  }
+];