diff options
author | Phil Hughes <me@iamphill.com> | 2018-05-18 16:08:04 +0300 |
---|---|---|
committer | Phil Hughes <me@iamphill.com> | 2018-05-18 16:08:04 +0300 |
commit | 8909073074daa07ac4ef63a173da9847d298ae04 (patch) | |
tree | 83cd9a243f0ad49fe3386d8941dd4fa16a859920 /doc | |
parent | 46d5ab68b700509e38efc48b8bbe2be128c4f390 (diff) | |
parent | 7feef84e1e60bef5cd460345125cc83dd23350cc (diff) |
Merge branch 'winh-vuex-createStore-docs' into 'master'
Make stores export a createStore() which can be used in tests
See merge request gitlab-org/gitlab-ce!19030
Diffstat (limited to 'doc')
-rw-r--r-- | doc/development/fe_guide/vuex.md | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/doc/development/fe_guide/vuex.md b/doc/development/fe_guide/vuex.md index 8997a5889dc..858b03c60bf 100644 --- a/doc/development/fe_guide/vuex.md +++ b/doc/development/fe_guide/vuex.md @@ -37,12 +37,13 @@ import state from './state'; Vue.use(Vuex); -export default new Vuex.Store({ +export const createStore = () => new Vuex.Store({ actions, getters, mutations, state, }); +export default createStore(); ``` ### `state.js` @@ -320,10 +321,11 @@ In order to write unit tests for those components, we need to include the store ```javascript //component_spec.js import Vue from 'vue'; -import store from './store'; +import { createStore } from './store'; import component from './component.vue' describe('component', () => { + let store; let vm; let Component; @@ -340,6 +342,8 @@ describe('component', () => { name: 'Foo', age: '30', }; + + store = createStore(); // populate the store store.dispatch('addUser', user); |