Vue.js 使用chai和Vue测试工具测试Vue组件

Vue.js 使用chai和Vue测试工具测试Vue组件,vue.js,vuejs2,chai,vue-test-utils,Vue.js,Vuejs2,Chai,Vue Test Utils,我有一个组件,其中有一个按钮。单击一个按钮,它将调用Vuex操作,该操作将发出和API调用以获取一些数据并更新存储 我想测试这个特性。我对Vue测试非常陌生 从'@vue/test-utils'导入{shallowMount,createLocalVue} 从“Vuex”导入Vuex 从“../../src/store”导入存储 从“flush promises”导入flushPromises 从'chai'导入{assert}; const localVue=createLocalVue()

我有一个组件,其中有一个按钮。单击一个按钮,它将调用Vuex操作,该操作将发出和API调用以获取一些数据并更新存储

我想测试这个特性。我对Vue测试非常陌生

从'@vue/test-utils'导入{shallowMount,createLocalVue}
从“Vuex”导入Vuex
从“../../src/store”导入存储
从“flush promises”导入flushPromises
从'chai'导入{assert};
const localVue=createLocalVue()
localVue.use(Vuex)
从“../../src/templates/views/SomeComponent”导入SomeComponent
描述('测试',()=>{
它('test',async()=>{
const wrapper=shallowMount(SomeComponent,{store,localVue})
wrapper.find('button')。trigger('click'))
等待flushPromises()
console.log(store.state.users.length)
})
})
它记录0,因为API调用未完成。如果有人提出一些想法来解决这个问题,那将是很有帮助的