some cleaning and started to understand unittest with jest

This commit is contained in:
2019-04-02 15:52:03 +02:00
parent 8dd21b9e2d
commit b3f1c4f45b
6 changed files with 25 additions and 30 deletions
-1
View File
@@ -1,5 +1,4 @@
import { HTTP } from './http-axios'
// import { store } from 'modules/data/store'
export default {
getPosts (cb) {
-6
View File
@@ -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>
-3
View File
@@ -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
View File
@@ -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
View File
@@ -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([])
})
})
-14
View File
@@ -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!')
})
})