fixed clear button bug where pressing it multiple times would crash the app. Still some console.logs left in there tho

Author: Oliver-Cho

src/app/slices/mainSlice.ts

@@ -51,8 +51,7 @@ export const mainSlice = createSlice({
       const currAxSnapshot = tabs[currentTab].axSnapshots[tabs[currentTab].currLocation.index]; // current snapshot
 
       tabs[currentTab].hierarchy.stateSnapshot = { ...currSnapshot }; // resets hierarchy to page current snapshot
-      // not sure why shallow deep copy
-      tabs[currentTab].hierarchy.axSnapshot = currAxSnapshot; // resets hierarchy to current snapshot
+      tabs[currentTab].hierarchy.axSnapshot = { ...currAxSnapshot }; // resets hierarchy to current accessibility tree snapshot
       tabs[currentTab].hierarchy.children = []; // resets hierarchy
       tabs[currentTab].snapshots = [currSnapshot]; // resets snapshots to current snapshot
       tabs[currentTab].axSnapshots = [currAxSnapshot]; // resets snapshots to current snapshot
@@ -61,6 +60,7 @@ export const mainSlice = createSlice({
       tabs[currentTab].index = 1;
       tabs[currentTab].currParent = 0;
       tabs[currentTab].currBranch = 1;
+      tabs[currentTab].currLocation = tabs[currentTab].hierarchy;
       tabs[currentTab].seriesSavedStatus = false;
     },
 

src/extension/background.js

@@ -358,6 +358,10 @@ chrome.runtime.onConnect.addListener((port) => {
 
       // emptySnap actions comes through when the user uses the 'clear' button on the front end to clear the snapshot history and move slider back to 0 position
       case 'emptySnap':
+        console.log(
+          'background.js: top of emptySnap tabsObj[tabId]:',
+          JSON.parse(JSON.stringify(tabsObj[tabId])),
+        );
         tabsObj[tabId].snapshots = [tabsObj[tabId].snapshots[tabsObj[tabId].currLocation.index]]; // reset snapshots to current page state
         tabsObj[tabId].hierarchy.children = []; // resets hierarchy
         tabsObj[tabId].hierarchy.stateSnapshot = {
@@ -366,12 +370,23 @@ chrome.runtime.onConnect.addListener((port) => {
           ...tabsObj[tabId].snapshots[0],
         };
         tabsObj[tabId].axSnapshots = [
-          tabsObj[tabId].axSnapshots[tabsObj[tabId].currLocation.index],
+          JSON.parse(JSON.stringify(tabsObj[tabId].axSnapshots[tabsObj[tabId].currLocation.index])),
         ]; // resets axSnapshots to current page state
-        tabsObj[tabId].hierarchy.axSnapshot = tabsObj[tabId].axSnapshots[0]; // resets hierarchy to ax tree of current page state
+        console.log(
+          'background.js: tabsObj[tabId].axSnapshots:',
+          JSON.parse(JSON.stringify(tabsObj[tabId].axSnapshots)),
+        );
+        tabsObj[tabId].hierarchy.axSnapshot = JSON.parse(
+          JSON.stringify(tabsObj[tabId].axSnapshots[0]),
+        ); // resets hierarchy to ax tree of current page state
         tabsObj[tabId].index = 1; //reset index
         tabsObj[tabId].currParent = 0; // reset currParent
         tabsObj[tabId].currBranch = 1; // reset currBranch
+        tabsObj[tabId].currLocation = tabsObj[tabId].hierarchy;
+        console.log(
+          'background.js: bottom of emptySnap tabsObj[tabId]:',
+          JSON.parse(JSON.stringify(tabsObj[tabId])),
+        );
 
         return true; // return true so that port remains open