modified test scritp

Co-authored-by: Sal Saluga [email protected]
Co-authored-by: Ken Bains [email protected]
Co-authored-by: Bianca Picasso [email protected]

Author: huypham048

__tests__/contextReducer.test.ts

@@ -0,0 +1,165 @@
+import subject from '../app/src/redux/reducers/slice/contextReducer';
+
+describe('Context Reducer', () => {
+  let state;
+
+  beforeEach(() => {
+    state = {
+      allContext: []
+    };
+  });
+
+  describe('default state', () => {
+    it('should return a default state when given an undefined input', () => {
+      expect(subject(undefined, { type: undefined })).toEqual(state);
+    });
+  });
+
+  describe('unrecognized action types', () => {
+    it('should return the original state without any duplication', () => {
+      expect(subject(state, { type: 'REMOVE_STATE' })).toBe(state);
+    });
+  });
+
+  describe('ADD_CONTEXT', () => {
+    const action = {
+      type: 'ADD_CONTEXT',
+      payload: {
+        name: 'Theme Context'
+      }
+    };
+
+    it('adds a context', () => {
+      const { allContext } = subject(state, action);
+      expect(allContext[0]).toEqual({
+        name: 'Theme Context',
+        values: [],
+        components: []
+      });
+    });
+
+    it('returns a state object not strictly equal to the original', () => {
+      const newState = subject(state, action);
+      expect(newState).not.toBe(state);
+    });
+
+    it('should immutably update the nested state object', () => {
+      const { allContext } = subject(state, action);
+      expect(allContext).not.toBe(state.allContext);
+    });
+  });
+
+  describe('ADD_CONTEXT_VALUES', () => {
+    beforeEach(() => {
+      state = {
+        allContext: [
+          {
+            name: 'Theme Context',
+            values: [],
+            components: []
+          }
+        ]
+      };
+    });
+
+    const action = {
+      type: 'ADD_CONTEXT_VALUES',
+      payload: {
+        name: 'Theme Context',
+        inputKey: 'Theme Color',
+        inputValue: 'Dark'
+      }
+    };
+
+    it('adds a key-value pair to values array of the specified context', () => {
+      const { allContext } = subject(state, action);
+      expect(allContext[0].values.length).toEqual(1);
+      expect(allContext[0].values[0].key).toEqual('Theme Color');
+      expect(allContext[0].values[0].value).toEqual('Dark');
+    });
+
+    it('includes an allContext not strictly equal to the original', () => {
+      const { allContext } = subject(state, action);
+
+      expect(allContext).not.toBe(state.allContext);
+    });
+  });
+
+  describe('DELETE CONTEXT', () => {
+    let action;
+    beforeEach(() => {
+      state = {
+        allContext: [
+          {
+            name: 'Theme Context',
+            values: [],
+            components: []
+          },
+          {
+            name: 'To be deleted',
+            values: [],
+            components: []
+          }
+        ]
+      };
+
+      action = {
+        type: 'DELETE_CONTEXT',
+        payload: {
+          name: 'Theme Context'
+        }
+      };
+    });
+
+    it('removes specified context from the state', () => {
+      const { allContext } = subject(state, action);
+
+      expect(allContext.length).toEqual(1);
+    });
+
+    it('includes an allContext not strictly equal to the original', () => {
+      const { allContext } = subject(state, action);
+
+      expect(allContext).not.toBe(state.allContext);
+    });
+  });
+
+  describe('ADD_COMPONENT_TO_CONTEXT', () => {
+    beforeEach(() => {
+      state = {
+        allContext: [
+          {
+            name: 'Theme Context',
+            values: [],
+            components: []
+          }
+        ]
+      };
+    });
+
+    const action = {
+      type: 'ADD_COMPONENT_TO_CONTEXT',
+      payload: {
+        context: {
+          name: 'Theme Context'
+        },
+        component: {
+          name: 'Main Component'
+        }
+      }
+    };
+
+    it('adds a new component to the specified context', () => {
+      const { allContext } = subject(state, action);
+
+      expect(allContext[0].components.length).toEqual(1);
+      expect(allContext[0].components[0]).toEqual('Main Component');
+    });
+
+    it('includes an allContext not strictly equal to the original', () => {
+      const { allContext } = subject(state, action);
+
+      expect(allContext).not.toBe(state.allContext);
+    });
+  });
+});

app/src/components/ContextAPIManager/ContextManager.tsx

@@ -31,13 +31,7 @@ const ContextManager = (props): JSX.Element => {
         <Box sx={{ width: '100%', typography: 'body1' }}>
           <TabContext value={value}>
             <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
-              <TabList
-                onChange={handleChange}
-                aria-label="lab API tabs example"
-                centered={true}
-                // indicatorColor={'warning'}
-                // textColor={'secondary'}
-              >
+              <TabList onChange={handleChange} centered={true}>
                 <Tab label="Create/Edit" value="1" />
                 <Tab label="Assign" value="2" />
                 <Tab label="Display" value="3" />

package.json

@@ -67,7 +67,7 @@
     "dist-linux": "electron-builder --linux",
     "dist-windows": "electron-builder --windows",
     "dist-all": "npm run prod-build && electron-builder --mac --linux --windows",
-    "test": "jest --verbose",
+    "test": "concurrently  \"npm run dev-server\" \"cross-env NODE_ENV=test jest --verbose \"",
     "server": "cross-env NODE_ENV=development nodemon server/server.js"
   },
   "repository": {