added to test suite, updated types actions and mutations

Author: Dean Ohashi

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

@@ -198,7 +198,15 @@ const mutations = {
     delete state.componentMap[payload.componentName]
     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)
   }
 }
 

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'
 
 // Actions
 export const registerComponent = 'registerComponent'
@@ -75,3 +77,6 @@ export const updateOpenModal = 'updateOpenModal'
 export const parentSelected = 'parentSelected'
 export const deleteRoute = 'deleteRoute'
 export const deleteComponent = 'deleteComponent'
+
+export const deleteUserActions = 'deleteUserActions'
+export const removeActionFromComponent = 'removeActionFromComponent'

test/jest/__tests__/App.spec.js

@@ -4,76 +4,33 @@
  */
 
 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
+import mutations from '../../../src/store/mutations';
+
+describe('Test mutations to remove action from component and userActions', () => {
+  const state = {
+    componentMap: {
+      component: {
+        componentName: 'App',
+        children: ['HomeView'],
+        htmlList: [],
+        mapActions: ['action']
+      }
+    },
+    activeComponent: 'component',
+    userActions: ['action']
   }
-  return object
-}, {})
 
-describe('Dummy test', () => {
-  const localVue = createLocalVue()
-  localVue.use(Quasar, { components })
-  const testValue = false;
-  it('does this produce the correct result', () => {
-    expect(testValue).toBe(false)
+  it('deleting user action from state.userActions', () => {
+    mutations.DELETE_USER_ACTIONS(state, 'action')
+    expect(state.userActions.length).toBe(0);
   })
-})
 
-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)
+  it('deleting "action" from componentMap', () => {
+    mutations.REMOVE_ACTION_FROM_COMPONENT(state, 'action');
+    expect(state.componentMap.component.mapActions.length).toBe(0)
   })
 })
 
-// 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('has a created hook', () => {
-//     expect(typeof vm.increment).toBe('function')
-//   })
-
-//   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')
-//   })
-
-//   it('sets the correct default data', () => {
-//     expect(typeof vm.counter).toBe('number')
-//     const defaultData2 = QBUTTON.data()
-//     expect(defaultData2.counter).toBe(0)
-//   })
-
-//   it('correctly updates data when button is pressed', () => {
-//     const button = wrapper.find('button')
-//     button.trigger('click')
-//     expect(vm.counter).toBe(1)
-//   })
-
-//   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)
-//   })
-// })