Merge pull request #49 from dnohashi/testing

Adding my test suite

Author: dnohashi

src/store/actions.js

@@ -119,9 +119,18 @@ const actions = {
   [types.deleteRoute]: ({ state, commit }, payload) => {
     commit(types.DELETE_ROUTE, payload)
   },
-  [types.deleteComponent]: ({state, commit }, payload) => {
+  [types.deleteComponent]: ({ state, commit }, payload) => {
     console.log('payload in actions:', payload)
     commit(types.DELETE_COMPONENT, payload)
+  },
+  [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/mutations.js

@@ -199,6 +199,15 @@ const mutations = {
     state.routes[state.activeRoute] = compArr
     console.log('new state', state)
   },
+  [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)
   },

src/store/types.js

@@ -41,6 +41,8 @@ export const UPDATE_OPEN_MODAL = 'UPDATE_OPEN_MODAL'
 export const PARENT_SELECTED = 'PARENT_SELECTED'
 export const DELETE_ROUTE = 'DELETE_ROUTE'
 export const DELETE_COMPONENT = 'DELETE_COMPONENT'
+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'
@@ -79,5 +81,8 @@ export const updateOpenModal = 'updateOpenModal'
 export const parentSelected = 'parentSelected'
 export const deleteRoute = 'deleteRoute'
 export const deleteComponent = 'deleteComponent'
+
+export const deleteUserActions = 'deleteUserActions'
+export const removeActionFromComponent = 'removeActionFromComponent'
 export const addUserAction = 'addUserAction'
 export const addToUserStore = 'addToUserStore'

test/jest/__tests__/App.spec.js

@@ -4,23 +4,36 @@
  */
 import mutations from '../../../src/store/mutations';
 import { mount, createLocalVue, shallowMount } from '@vue/test-utils'
-import Vuex from 'vuex';
-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 localVue = createLocalVue()
+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']
+    }
+  })
 
-// localVue.use(Vuex)
+  it('deleting user action from state.userActions', () => {
+    mutations.DELETE_USER_ACTIONS(state, 'action')
+    expect(state.userActions.length).toBe(0)
+  })
 
-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
-}, {})
+  it('deleting "action" from componentMap', () => {
+    mutations.REMOVE_ACTION_FROM_COMPONENT(state, 'action')
+    expect(state.componentMap.component.mapActions.length).toBe(0)
+  })
+})
 
 describe('Adding actions and state to components', () => {
   let state;