Merge pull request #47 from deanfchung/master

userAction and userStore mutations tests

Author: dnohashi

package-lock.json

@@ -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/mutations.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'

src/store/types.js

@@ -2,78 +2,114 @@
 /**
  * @jest-environment jsdom
  */
-
+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()
+
+// localVue.use(Vuex)
+
 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('Dummy test', () => {
+/*
+describe('Mount Quasar', () => {
   const localVue = createLocalVue()
-  localVue.use(Quasar, { components })
-  const testValue = false;
-  it('does this produce the correct result', () => {
-    expect(testValue).toBe(false)
-  })
-})
+  localVue.use(Quasar, { components }) // , lang: langEn
 
-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)
+  const wrapper = mount(QBUTTON, {
+    localVue
   })
-})
+  const vm = wrapper.vm
 
-// describe('Mount Quasar', () => {
-//   const localVue = createLocalVue()
-//   localVue.use(Quasar, { components }) // , lang: langEn
+  it('passes the sanity check and creates a wrapper', () => {
+    expect(wrapper.isVueInstance()).toBe(true)
+  })
 
-//   const wrapper = mount(QBUTTON, {
-//     localVue
-//   })
-//   const vm = wrapper.vm
+  it('has a created hook', () => {
+    expect(typeof vm.increment).toBe('function')
+  })
 
-//   it('passes the sanity check and creates a wrapper', () => {
-//     expect(wrapper.isVueInstance()).toBe(true)
-//   })
+  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('has a created hook', () => {
-//     expect(typeof vm.increment).toBe('function')
-//   })
+  it('sets the correct default data', () => {
+    expect(typeof vm.counter).toBe('number')
+    const defaultData2 = QBUTTON.data()
+    expect(defaultData2.counter).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')
-//   })
+  it('correctly updates data when button is pressed', () => {
+    const button = wrapper.find('button')
+    button.trigger('click')
+    expect(vm.counter).toBe(1)
+  })
 
-//   it('sets the correct default data', () => {
-//     expect(typeof vm.counter).toBe('number')
-//     const defaultData2 = QBUTTON.data()
-//     expect(defaultData2.counter).toBe(0)
-//   })
+  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)
+  })
+})
+*/
+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')
+  })
+});