continued testing adding console.logs

Author: kelvinmirhan

src/app/RTKslices.tsx

@@ -24,6 +24,7 @@ const findName = (index, obj) => {
       objChildArray.push(findName(index, objChild));
     }
   }
+  console.log(objChildArray);
   // eslint-disable-next-line no-restricted-syntax
   for (const objChildName of objChildArray) {
     if (objChildName) {
@@ -170,17 +171,17 @@ export const mainSlice = createSlice({
 
     changeView: (state, action) => {
       const {tabs, currentTab} = state;
-      // console.log('this is state:', current(state))
-      // console.log('this is tabs:', current(tabs))
-      // console.log('this is currentabs:', currentTab)
-      // console.log('this is tabs[currentab]', current(tabs[currentTab]))
+      console.log('this is state:', current(state))
+      console.log('this is tabs:', current(tabs))
+      console.log('this is currentabs:', currentTab)
+      console.log('this is tabs[currentab]', current(tabs[currentTab]))
       const {viewIndex} = tabs[currentTab] || {};
       console.log('hi this is viewIndex:', viewIndex);
       console.log('this is action payload', action.payload)
-      // tabs[currentTab].viewIndex = viewIndex === action.payload ? -1 : action.payload;
-        if (viewIndex === action.payload) tabs[currentTab].viewIndex = -1;
-        else tabs[currentTab].viewIndex = action.payload;
-        tabs[currentTab].currLocation = tabs[currentTab].hierarchy;
+      tabs[currentTab].viewIndex = viewIndex === action.payload ? -1 : action.payload;
+        // if (viewIndex === action.payload) tabs[currentTab].viewIndex = -1;
+        // else tabs[currentTab].viewIndex = action.payload;
+        // tabs[currentTab].currLocation = tabs[currentTab].hierarchy;
 
     //  case types.CHANGE_VIEW: {
     //     // unselect view if same index was selected
@@ -199,8 +200,15 @@ export const mainSlice = createSlice({
       const { port, currentTab, tabs } = state;
       const { hierarchy, snapshots } = tabs[currentTab] || {};
 
+      console.log('this is PORT', port);
+      console.log('this is hierarchy', current(hierarchy));
+      console.log('this is SNapshots', current(snapshots));
+
       const nameFromIndex = findName(action.payload, hierarchy);
 
+      console.log('this is action payload', action.payload);
+      console.log('this is nameFromIndex', nameFromIndex);
+
       port.postMessage({
         action: 'jumpToSnap',
         payload: snapshots[action.payload],

src/app/__tests__/action.test.tsx

@@ -110,22 +110,22 @@ describe('Unit testing for Action.tsx', () => {
   //     expect(props.handleOnkeyDown).toHaveBeenCalled();
   //   });
 
-    test('Clicking the snapshot should trigger onClick', () => {
-      render(     
-        <Action {...props} />
-      )
-      fireEvent.click(screen.getByRole('presentation'));
-      expect(props.dispatch).toHaveBeenCalledWith(changeView(props.index));;
-    });
-
-    // test('Clicking Jump button should trigger changeSlider and changeView', () => {
-    //   render(   
+    // test('Clicking the snapshot should trigger onClick', () => {
+    //   render(     
     //     <Action {...props} />
-    //   );
-    //   fireEvent.click(screen.getAllByRole('button')[1]);
-    //   expect(props.dispatch).toHaveBeenCalledWith(changeSlider(props.index));
-    //   expect(props.dispatch).toHaveBeenCalledWith(changeView(props.index));
+    //   )
+    //   fireEvent.click(screen.getByRole('presentation'));
+    //   expect(props.dispatch).toHaveBeenCalledWith(changeView(props.index));;
     // });
+
+    test('Clicking Jump button should trigger changeSlider and changeView', () => {
+      render(   
+        <Action {...props} />
+      );
+      fireEvent.click(screen.getAllByRole('button')[1]);
+      expect(props.dispatch).toHaveBeenCalledWith(changeSlider(props.index));
+      expect(props.dispatch).toHaveBeenCalledWith(changeView(props.index));
+    });
   });
 });
 

src/app/containers/ActionContainer.tsx

@@ -62,7 +62,10 @@ function ActionContainer(props): JSX.Element {
       obj.stateSnapshot.children[0].state && // with a 'state'
       obj.stateSnapshot.children[0].name // and a 'name'
     ) {
-      const newObj: Record<string, unknown> = { // we create a new Record object (whose property keys are Keys and whose property values are Type. This utility can be used to map the properties of a type to another type) and populate it's properties with relevant values from our argument 'obj'.
+      const newObj: Record<string, unknown> = { 
+        // we create a new Record object (whose property keys are Keys and whose property values are Type. 
+        //This utility can be used to map the properties of a type to another type) and populate it's properties with 
+        //relevant values from our argument 'obj'.
         index: obj.index,
         displayName: `${obj.name}.${obj.branch}`,
         state: obj.stateSnapshot.children[0].state,