added tests

Author: drewngyen

.gitignore

@@ -6,7 +6,8 @@ node_modules
 /src-cordova/node_modules
 /src-cordova/platforms
 /src-cordova/plugins
-/src-cordova/www
+/src-cordova/www\
+/test/jest/coverage
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*

package-lock.json

@@ -133,6 +133,15 @@ const actions = {
   },
   [types.clearImage]: ({ commit }) => {
     commit(types.CLEAR_IMAGE)
+  },
+  [types.deleteUserActions]: ({ state, commit }, payload) => {
+    console.log('invoking deleteUserActions')
+    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)
   }
 }
 

src/store/actions.js

@@ -212,6 +212,30 @@ const mutations = {
   [types.CLEAR_IMAGE]: state => {
     console.log(`clear image invoked`)
     if (state.imagePath) state.imagePath = ''
+  },
+  [types.DELETE_USER_ACTIONS]: (state, payload) => {
+    // payload should be a string of the name of the action to remove
+    let index = state.userActions.indexOf(payload)
+    state.userActions.splice(index, 1)
+  },
+  [types.REMOVE_ACTION_FROM_COMPONENT]: (state, payload) => {
+    let index = state.componentMap[state.activeComponent].mapActions.indexOf(
+      payload
+    )
+    state.componentMap[state.activeComponent].mapActions.splice(index, 1)
+  },
+  [types.ADD_TO_COMPONENT_ACTIONS]: (state, payload) => {
+    state.componentMap[state.activeComponent].componentActions.push(payload)
+  },
+  [types.ADD_TO_COMPONENT_STATE]: (state, payload) => {
+    state.componentMap[state.activeComponent].componentState.push(payload)
+  },
+  [types.ADD_USER_ACTION]: (state, payload) => {
+    if (typeof payload === 'string') state.userActions.push(payload)
+  },
+  [types.ADD_TO_USER_STORE]: (state, payload) => {
+    const key = Object.keys(payload)
+    state.userStore[key] = payload[key]
   }
 }
 

src/store/mutations.js

@@ -29,16 +29,8 @@ const newState = {
     HomeView: []
     // NewView: []
   },
-  userState: {
-    userActions: false,
-    activeStore: false,
-    storeContents: {
-      obj1: 'string',
-      obj2: 'boolean',
-      obj3: 'array'
-    }
-  },
-  userActions: ['action1', 'action2'],
+  userActions: [],
+  userState: {},
   /**
    *
    */

src/store/state/index.js

@@ -44,6 +44,12 @@ export const DELETE_COMPONENT = 'DELETE_COMPONENT'
 // Image upload mutations
 export const IMPORT_IMAGE = 'IMPORT_IMAGE'
 export const CLEAR_IMAGE = 'CLEAR_IMAGE'
+export const DELETE_USER_ACTIONS = 'DELETE_USER_ACTIONS'
+export const REMOVE_ACTION_FROM_COMPONENT = 'REMOVE_ACTION_FROM_COMPONENT'
+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'
 
 // Actions
 export const registerComponent = 'registerComponent'
@@ -81,3 +87,8 @@ export const deleteComponent = 'deleteComponent'
 // image upload logic
 export const importImage = 'importImage'
 export const clearImage = 'clearImage'
+
+export const deleteUserActions = 'deleteUserActions'
+export const removeActionFromComponent = 'removeActionFromComponent'
+export const addUserAction = 'addUserAction'
+export const addToUserStore = 'addToUserStore'

src/store/types.js

@@ -2,99 +2,117 @@
 /**
  * @jest-environment jsdom
  */
-
+import mutations from "../../../src/store/mutations";
 import { mount, createLocalVue, shallowMount } from "@vue/test-utils";
-import QBUTTON from "./demo/QBtn-demo.vue";
 import * as All from "quasar";
-// import langEn from 'quasar/lang/en-us' // change to any language you wish! => this breaks wallaby :(
 const { Quasar, date } = All;
 
-const components = Object.keys(All).reduce((object, key) => {
-  const val = All[key];
-  if (val && val.component && val.component.name != null) {
-    object[key] = val;
-  }
-  return object;
-}, {});
-
-describe("Test Suite - Delete from userActions and/or componentMap", () => {
-  const localVue = createLocalVue();
-  localVue.use(Quasar, { components });
-  const testValue = false;
-  it("does this produce the correct result ahahaha", () => {
-    expect(testValue).toBe(false);
+describe("Test mutations + actions to remove action from component and userActions", () => {
+  let state;
+  beforeEach(() => {
+    state = {
+      componentMap: {
+        component: {
+          componentName: "App",
+          children: ["HomeView"],
+          htmlList: [],
+          mapActions: ["action"]
+        }
+      },
+      activeComponent: "component",
+      userActions: ["action"]
+    };
   });
-});
-
-/**
- * @description: Tests for deleting state
- * @summary:
- *  `deleteUserState` invokes removeStateFromComponent
- *  `removeStateFromComponent` mutation that deletes state from userStore
- *  `userStore` holds the user defined state objects
- *
- */
-
-// describe("Test Suite - Delete from userState(?) and/or componentMap", () => {
-//   const localVue = createLocalVue();
-//   localVue.use(Quasar, { components });
-//   const dumVal = false;
-//   it("removeStateFromComponent deletes item from userStore", () => {
 
-//     expect(dumVal).toBe(false);
-//   });
-//   it("removeStateFromComponent deletes the appropriate item from userStore", () => {
-//     expect(dumVal).toBe(false);
-//   });
-//   it("removeStateFromComponent deletes the appropriate item from component in componentMap", () => {
-//     expect(dumVal).toBe(false);
-//   });
-//   it("deleteUserState invokes removeStateFromComponent", () => {
-//     expect(dumVal).toBe(false);
-//   });
-//   it("deleteUserState payload deletes the appropriate item from userStore", () => {
-//     expect(dumVal).toBe(false);
-//   });
-// });
-// describe('Mount Quasar', () => {
-//   const localVue = createLocalVue()
-//   localVue.use(Quasar, { components }) // , lang: langEn
-
-//   const wrapper = mount(QBUTTON, {
-//     localVue
-//   })
-//   const vm = wrapper.vm
-
-//   it('passes the sanity check and creates a wrapper', () => {
-//     expect(wrapper.isVueInstance()).toBe(true)
-//   })
+  it("deleting user action from state.userActions", () => {
+    mutations.DELETE_USER_ACTIONS(state, "action");
+    expect(state.userActions.length).toBe(0);
+  });
 
-//   it('has a created hook', () => {
-//     expect(typeof vm.increment).toBe('function')
-//   })
+  it('deleting "action" from componentMap', () => {
+    mutations.REMOVE_ACTION_FROM_COMPONENT(state, "action");
+    expect(state.componentMap.component.mapActions.length).toBe(0);
+  });
+});
 
-//   it('accesses the shallowMount', () => {
-//     expect(vm.$el.textContent).toContain('rocket muffin')
-//     expect(wrapper.text()).toContain('rocket muffin') // easier
-//     expect(wrapper.find('p').text()).toContain('rocket muffin')
-//   })
+describe("Adding actions and state to components", () => {
+  let state;
+  beforeEach(() => {
+    state = {
+      componentMap: {
+        testComponent: {
+          componentName: "testComponent",
+          children: [],
+          htmlList: [],
+          componentActions: [],
+          componentState: []
+        }
+      },
+      activeComponent: "testComponent"
+    };
+  });
+  describe("Adding actions to components", () => {
+    it("should add a single action to active component", () => {
+      mutations.ADD_TO_COMPONENT_ACTIONS(state, "testAction");
+      expect(
+        state.componentMap[state.activeComponent].componentActions
+      ).toEqual(["testAction"]);
+    });
+  });
+  describe("Adding state to components", () => {
+    it("should add a single state string to active component", () => {
+      mutations.ADD_TO_COMPONENT_STATE(state, "testState");
+      expect(state.componentMap[state.activeComponent].componentState).toEqual([
+        "testState"
+      ]);
+    });
+  });
+});
 
-//   it('sets the correct default data', () => {
-//     expect(typeof vm.counter).toBe('number')
-//     const defaultData2 = QBUTTON.data()
-//     expect(defaultData2.counter).toBe(0)
-//   })
+describe("userActions mutation", () => {
+  let actions;
+  let store;
+  beforeEach(() => {
+    store = {
+      userActions: []
+    };
+  });
+  it("should push user defined action to end of userActions array", () => {
+    mutations.ADD_USER_ACTION(store, "actionnnn");
+    expect(store.userActions[store.userActions.length - 1]).toBe("actionnnn");
+  });
+  it("should only push to array if payload is of type string", () => {
+    mutations.ADD_USER_ACTION(store, 66);
+    expect(store.userActions).toStrictEqual([]);
+  });
+});
 
-//   it('correctly updates data when button is pressed', () => {
-//     const button = wrapper.find('button')
-//     button.trigger('click')
-//     expect(vm.counter).toBe(1)
-//   })
+describe("userStore mutation", () => {
+  let actions;
+  let store;
+  store = {
+    userStore: {}
+  };
+  it("should be able to update store with a key defined by the user and a value of type object", () => {
+    mutations.ADD_TO_USER_STORE(store, { dummyKey: {} });
+    // console.log('store.userStore.dummyKey', store.userStore.dummyKey);
+    expect(store.userStore.dummyKey).toStrictEqual({});
+  });
+  it("should update user store with a key value pair with value strictly equal to empty array", () => {
+    mutations.ADD_TO_USER_STORE(store, { dummyKey: [] });
+    expect(store.userStore.dummyKey).toStrictEqual([]);
+  });
+  it("should be able to store booleans in the store as the key", () => {
+    mutations.ADD_TO_USER_STORE(store, { boolean: true });
+    expect(store.userStore.boolean).toBe(true);
+  });
+  it("should add to userStore a key with a value of type number", () => {
+    mutations.ADD_TO_USER_STORE(store, { number: 696 });
+    expect(store.userStore.number).toBe(696);
+  });
 
-//   it('formats a date without throwing exception', () => {
-//     // test will automatically fail if an exception is thrown
-//     // MMMM and MMM require that a language is 'installed' in Quasar
-//     let formattedString = date.formatDate(Date.now(), 'YYYY MMMM MMM DD')
-//     console.log('formattedString', formattedString)
-//   })
-// })
+  it("should work with strings too", () => {
+    mutations.ADD_TO_USER_STORE(store, { string: "string" });
+    expect(store.userStore.string).toBe("string");
+  });
+});