我有一个组件,其中有一个按钮。单击按钮后,它将调用Vuex操作,该操作将通过API调用以获取一些数据并更新商店。
我要测试此功能。我对在Vue中进行测试非常陌生。
import { shallowMount, createLocalVue } from '@vue/test-utils'
import Vuex from 'vuex'
import store from '../../src/store'
import flushPromises from 'flush-promises'
import { assert } from 'chai';
const localVue = createLocalVue()
localVue.use(Vuex)
import SomeComponent from '../../src/templates/views/SomeComponent'
describe('test', () => {
it('test', async () => {
const wrapper = shallowMount(SomeComponent, { store, localVue })
wrapper.find('button').trigger('click')
await flushPromises()
console.log(store.state.users.length)
})
})
由于API调用未完成,它记录为0。如果有人提出一些解决方案,这将是有帮助的。