delete state tests

Author: drewngyen

src/store/actions.js

@@ -136,12 +136,30 @@ const actions = {
   },
   [types.deleteUserActions]: ({ state, commit }, payload) => {
     console.log('invoking deleteUserActions')
-    if (state.activeComponent) { commit(types.REMOVE_ACTION_FROM_COMPONENT, payload) }
+    if (state.activeComponent) {
+      commit(types.REMOVE_ACTION_FROM_COMPONENT, payload)
+    }
     commit(types.DELETE_USER_ACTIONS, payload)
   },
   [types.removeActionFromComponent]: ({ state, commit }, payload) => {
     console.log('invoking removeActionFromComponent')
     commit(types.REMOVE_ACTION_FROM_COMPONENT, payload)
+  },
+  [types.removeStateFromComponent]: ({ commit }, payload) => {
+    console.log('removeStateFromComponent invoked')
+    commit(types.REMOVE_STATE_FROM_COMPONENT, payload)
+  },
+  [types.deleteUserState]: ({ state, commit }, payload) => {
+    console.log('deleteUserState invoked')
+    if (state.activeComponent) {
+      commit(types.REMOVE_STATE_FROM_COMPONENT, payload)
+    }
+    // loops through component map and deletes all props
+    Object.keys(state.componentMap).forEach(prop => {
+      commit(types.SET_ACTIVE_COMPONENT, prop.componentName)
+      commit(types.REMOVE_ACTION_FROM_COMPONENT, payload)
+    })
+    commit(types.DELETE_USER_STATE, payload)
   }
 }
 

src/store/mutations.js

@@ -236,6 +236,13 @@ const mutations = {
   [types.ADD_TO_USER_STORE]: (state, payload) => {
     const key = Object.keys(payload)
     state.userStore[key] = payload[key]
+  },
+  [types.REMOVE_STATE_FROM_COMPONENT]: (state, payload) => {
+    let prop = state.componentMap[state.activeComponent].componentState
+    prop.splice(prop.indexOf(payload), 1)
+  },
+  [types.DELETE_USER_STATE]: (state, payload) => {
+    delete state.userStore[payload]
   }
 }
 

src/store/types.js

@@ -50,6 +50,8 @@ export const ADD_TO_COMPONENT_ACTIONS = 'ADD_TO_COMPONENT_ACTIONS'
 export const ADD_TO_COMPONENT_STATE = 'ADD_TO_COMPONENT_STATE'
 export const ADD_USER_ACTION = 'ADD_USER_ACTION'
 export const ADD_TO_USER_STORE = 'ADD_TO_USER_STORE'
+export const REMOVE_STATE_FROM_COMPONENT = 'REMOVE_STATE_FROM_COMPONENT'
+export const DELETE_USER_STATE = 'DELETE_USER_STATE'
 
 // Actions
 export const registerComponent = 'registerComponent'
@@ -92,3 +94,5 @@ export const deleteUserActions = 'deleteUserActions'
 export const removeActionFromComponent = 'removeActionFromComponent'
 export const addUserAction = 'addUserAction'
 export const addToUserStore = 'addToUserStore'
+export const removeStateFromComponent = 'removeStateFromComponent'
+export const deleteUserState = 'deleteUserState'

test/jest/__tests__/App.spec.js

@@ -3,6 +3,7 @@
  * @jest-environment jsdom
  */
 import mutations from "../../../src/store/mutations";
+import actions from "../../../src/store/actions";
 import { mount, createLocalVue, shallowMount } from "@vue/test-utils";
 import * as All from "quasar";
 const { Quasar, date } = All;
@@ -116,3 +117,51 @@ describe("userStore mutation", () => {
     expect(store.userStore.string).toBe("string");
   });
 });
+
+/**
+ * @description: Tests for deleting state
+ * @summary:
+ *  `deleteUserState` action invokes removeStateFromComponent
+ *  `removeStateFromComponent` mutation that deletes state from userStore
+ *  `userStore` holds the user defined state objects
+ */
+
+describe("Delete state in userStore/componentMap", () => {
+  let state;
+  beforeEach(() => {
+    state = {
+      componentMap: {
+        test: {
+          componentName: "test",
+          children: [],
+          htmlList: [],
+          componentActions: [],
+          componentState: ["state1", "state2"]
+        }
+      },
+      activeComponent: "test",
+      userStore: { state1: true, state2: [] }
+    };
+  });
+  describe('"DELETE_USER_STATE" should delete property from "userStore" object', () => {
+    it("should delete a single state property", () => {
+      mutations.DELETE_USER_STATE(state, "state1");
+      expect(state.userStore).toEqual({ state2: [] });
+    });
+  });
+  describe('"REMOVE_STATE_FROM_COMPONENT" should delete state in "activeComponent"', () => {
+    it("should remove state from active component", () => {
+      mutations.REMOVE_STATE_FROM_COMPONENT(state, "state2");
+      expect(state.componentMap.test.componentState).toEqual(["state1"]);
+    });
+  });
+  // describe('"deleteUserState" should delete state in "activeComponent" when deleted from "userStore"', () => {
+  //   const commit = jest.fn();
+  //   it("should remove state from active component", () => {
+  //     actions.deleteUserState({ commit }, "state2");
+  //     expect(state.componentMap[state.activeComponent].componentState).toEqual([
+  //       "state1"
+  //     ]);
+  //   });
+  // });
+});

test/jest/__tests__/mutations.spec.js

@@ -21,7 +21,7 @@ import actions from "../../../src/store/actions";
 import mutations from "../../../src/store/mutations";
 import * as types from "../../../src/store/types";
 import Vuex from "vuex";
-// import store from "../../../src/store/state/index";
+import store from "../../../src/store/state/index";
 
 /**
  * @description: Testing functionality of the uploadImage mutations and actions