jackmellis / mock-vuex Goto Github PK

Previously store.assert would not throw an error. Now, when.reject will throw an error instead of rejecting. I think the best thing to do is to do the fijdMatchingReponse call synchronously, then call the call back asynchronously

First of all thank you for doing this - we definitely need something like arnaudbenard.com/redux-mock-store/ for Vue/Vuex.

Question: What is the practical difference with using a normal Vuex store?

store = new Vuex.Store({
  state,
  actions,
  getters,
});

Speed & the helper methods I guess? But isn't re-creating your actions / mutations / state in tests a bit of an overhead - cheating? (I understand you're arguing that sometimes you wanna test pure component functionality without bothering with the store which is probably a legit argument but just to see if there's something else)

again thank you!

If you create a store with a null or array property i.e.

mockStore({
  list : [],
  thing : null
});

it tries to create a module from these properties, resulting in cannot access property of null etc.

Change create.js line 9 to:

if (Object.prototype.toString.call(v) === '[object Object]'){

Blocking Vuenit 0.5

For namespaced store modules, vuex getters receive 4 arguments: (state, getters, rootState, rootGetters). It appears that the rootGetters argument is being omitted.

mock-vuex automatically namespaces modules, but vuex allows you to create modules without their own namespace.

mock-vuex should namespace modules by default, but if namespace is false, do not namespace the module.

I don't understand why this simple mutation fails to run in my Vuecli environment; but works perfectly from the example
Does Vuenit not work outside of ava?

import { mockStore } from 'vuenit'

// my test 
const $store = mockStore({
  common: {
    state: {
      loaded: true
    },
    mutations: {
      why (state, payload) {
        state.loaded = payload
        console.log('called') // this never fires...
      }
    }
  }
})
// straight from the example
const $store2 = mockStore({
  things: {
    state: {
      things: []
    },
    getters: {},
    mutations: {
      ADD_THING(state, payload){
        console.log('called!', state, payload) // neither does this
        state.things.push(payload)
      }
    },
    actions: {
      addThing({state, commit}, payload){
        commit('ADD_THING', payload)
        return payload
      }
    }
  }
})

describe('Http Service/Interceptors', () => {
  it('on a request, should trigger a loading state', () => {
    // interceptor.request($store)({})
    $store.commit('why', false)
    $store2.commit('ADD_THING', {})
    console.log($store.state.common.loaded) // true — should be false
    console.log($store2.state.things.length) // undefined
  })
})

Using standard Vuecli webpack setup. Only added vuenit.