mutations tests for userActions and userStore

Author: deanfchung

src/store/actions.js

@@ -122,7 +122,7 @@ const actions = {
   [types.deleteComponent]: ({state, commit }, payload) => {
     console.log('payload in actions:', payload)
     commit(types.DELETE_COMPONENT, payload)
-  },
+  }
 }
 
 export default actions

src/store/mutations.js

@@ -199,6 +199,13 @@ const mutations = {
     state.routes[state.activeRoute] = compArr
     console.log('new state', state)
 
+  },
+  [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/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 ADD_USER_ACTION = 'ADD_USER_ACTION'
+export const ADD_TO_USER_STORE = 'ADD_TO_USER_STORE'
 
 // Actions
 export const registerComponent = 'registerComponent'
@@ -75,3 +77,5 @@ export const updateOpenModal = 'updateOpenModal'
 export const parentSelected = 'parentSelected'
 export const deleteRoute = 'deleteRoute'
 export const deleteComponent = 'deleteComponent'
+export const addUserAction = 'addUserAction'
+export const addToUserStore = 'addToUserStore'

test/jest/__tests__/App.spec.js

@@ -2,16 +2,18 @@
 /**
  * @jest-environment jsdom
  */
-import actions from '../../store/actions';
+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()
+//const localVue = createLocalVue()
 
-localVue.use(Vuex)
+// localVue.use(Vuex)
 
 const components = Object.keys(All).reduce((object, key) => {
   const val = All[key]
@@ -64,23 +66,50 @@ describe('Mount Quasar', () => {
   })
 })
 */
-describe('actions', () => {
+describe('userActions mutation', () => {
   let actions;
   let store;
   beforeEach(() => {
-    const dummyFunction = jest.fn(() => 'hello')
-    actions = {
-      userActionInput: dummyFunction,
-      userStore: dummyFunction
+  store = {
+    userActions: []
     }
-    store = new Vuex.Store({
-      actions
-    })
   })
+  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('should take in a string and output a string into userActions array', () => {
-    const wrapper = shallowMount(actions, {store, localVue })
-    
+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 ('should work with strings too', () => {
+    mutations.ADD_TO_USER_STORE(store, { string: 'string'})
+    expect(store.userStore.string).toBe('string')
+  })
 });