Skip to content

Instantly share code, notes, and snippets.

@gbelot2003
Created August 14, 2018 18:11
Show Gist options
  • Save gbelot2003/f2012628cb130f529c9cecccd37c5b62 to your computer and use it in GitHub Desktop.
Save gbelot2003/f2012628cb130f529c9cecccd37c5b62 to your computer and use it in GitHub Desktop.
Testing Vuex getters from component
import Vuex from 'vuex'
import { shallow, createLocalVue } from 'vue-test-utils'
import State from './State.vue'
const localVue = createLocalVue()
localVue.use(Vuex)
describe('State', () => {
it('renders a value from $store.state', () => {
const wrapper = shallow(State, {
mocks: {
$store: {
state: {
value_1: 'value_1'
}
}
},
localVue
})
expect(wrapper.find('.state-1')
.text().trim()).toEqual('value_1')
})
it('renders a $store.state value return from computed', () => {
const wrapper = shallow(State, {
computed: {
value_2: () => 'value_2'
},
localVue
})
expect(wrapper.find('.state-2')
.text().trim()).toEqual('value_2')
})
it('renders a $store.state value return from mapState', () => {
const wrapper = shallow(State, {
computed: {
value_3: () => 'value_3'
},
localVue
})
expect(wrapper.find('.state-3')
.text().trim()).toEqual('value_3')
})
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment