From 7feef84e1e60bef5cd460345125cc83dd23350cc Mon Sep 17 00:00:00 2001
From: Winnie Hellmann <winnie@gitlab.com>
Date: Fri, 18 May 2018 08:39:42 +0000
Subject: Make stores export a createStore() which can be used in tests

---
 doc/development/fe_guide/vuex.md | 8 ++++++--
 1 file 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);
-- 
cgit v1.2.1