Тестирование Vue Component с помощью chai и vue-test-utils - PullRequest
Новая
       41

Тестирование Vue Component с помощью chai и vue-test-utils

3 голосов
/ 03 ноября 2019

У меня есть компонент, в котором у меня есть кнопка. При нажатии кнопки вызывается действие 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)
    })
})

он записывает 0, поскольку вызов API не завершен. Было бы полезно, если бы кто-нибудь предложил некоторые идеи для решения этой проблемы.

...