Browse Source

some cleaning and started to understand unittest with jest

Bachir Soussi Chiadmi 5 years ago
parent
commit
b3f1c4f45b

+ 0 - 1
src/api/datarest.js

@@ -1,5 +1,4 @@
 import { HTTP } from './http-axios'
-// import { store } from 'modules/data/store'
 
 export default {
   getPosts (cb) {

+ 0 - 6
src/components/Home/Posts.vue

@@ -22,12 +22,7 @@
 </template>
 
 <script>
-
-// import store from './store'
-// import datarest from 'components/data/datarest'
-
 import { mapState, mapActions } from 'vuex'
-// import { mapState } from 'vuex'
 
 export default {
   computed: mapState({
@@ -42,5 +37,4 @@ export default {
     this.$store.dispatch('posts/getAllPosts')
   }
 }
-
 </script>

+ 0 - 3
src/index.js

@@ -1,12 +1,9 @@
 import Vue from 'vue'
-import Vuex from 'vuex'
 import router from './router'
 import store from './store'
 import App from './App'
 import 'assets/css/app.styl'
 
-Vue.use(Vuex)
-
 new Vue({
   router,
   store,

+ 1 - 6
src/store/index.js

@@ -2,16 +2,11 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 import posts from './modules/posts'
 
-Vue.use(Vuex)
-
 // https://github.com/vuejs/vuex/tree/dev/examples/shopping-cart
 
-// const debug = process.env.NODE_ENV !== 'production'
-
+Vue.use(Vuex)
 export default new Vuex.Store({
   modules: {
     posts
   }
-  // strict: debug,
-  // plugins: debug ? [createLogger()] : []
 })

+ 24 - 0
test/specs/Posts.spec.js

@@ -0,0 +1,24 @@
+import { shallowMount } from '@vue/test-utils'
+import Posts from '@/components/Home/Posts'
+
+// https://alligator.io/vuejs/testing-vue-with-jest/
+
+function mountComponentWithProps (Component, propsData) {
+  const Constructor = Vue.extend(Component);
+  const vm = new Constructor({
+    propsData
+  }).$mount();
+
+  return vm.$el;
+}
+
+describe('Posts.vue', () => {
+  it('posts should not be empty', () => {
+    const PostsData = mountComponentWithProps(Posts, { all: [] });
+    const allData = PostData.all;
+
+    console.log(allData)
+
+    expect(allData).toBe([])
+  })
+})

+ 0 - 14
test/specs/WelcomeMessage.spec.js

@@ -1,14 +0,0 @@
-import { shallowMount } from '@vue/test-utils'
-import WelcomeMessage from '@/components/Home/WelcomeMessage'
-
-describe('WelcomeMessage.vue', () => {
-  it('renders props.msg when passed', () => {
-    const name = 'tester'
-
-    const wrapper = shallowMount(WelcomeMessage, {
-      propsData: { name }
-    })
-
-    expect(wrapper.text()).toBe('Hello tester from my Vue.js page, built with Webpack 4!')
-  })
-})