Minimal reproduction of a potential bug. Includes tests.
pnpm install && pnpm testWhen passing a store directly into render as option, all mutations are lost on Vue2 components.
// won't work
const store = new Vuex.Store({ mutations: { foo(){} }})
const rendered = render(Component, { store })
// in the component
$store.commit('foo') // -> "[vuex] unknown mutation type: foo"When inspecting the $store instance in inside the component, you'll find $store._mutations = {}.
A fix is to pass the store not directly but as mock:
// will work
const store = new Vuex.Store({ mutations: { foo(){} }})
const rendered = render(Component, { mocks: { $store: store } })
// in the component
$store.commit('foo') // -> no warning, works properlyOddly enough, mapState works in either case - so reading the state works either way.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent