使用chai和vue-test-utils测试Vue组件

时间:2019-11-03 18:41:22

标签: vue.js vuejs2 chai vue-test-utils

我有一个组件,其中有一个按钮。单击按钮后,它将调用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。如果有人提出一些解决方案,这将是有帮助的。

0 个答案:

没有答案