Всем привет
Есть компонент Foo
<template>
<button @click="fetchResults" />
</template>
<script>
import axios from 'axios'
export default {
data() {
return {
value: null
}
},
methods: {
async fetchResults() {
const response = await axios.get('mock/service')
this.value = response.data
}
}
}
</script>
Тест для компонента Foo
import { shallowMount } from '@vue/test-utils'
import Foo from './Foo'
jest.mock('axios') //что значит эта строчка и что она делает?
it('делает асинхронный запрос при нажатии кнопки', done => {
const wrapper = shallowMount(Foo)
wrapper.find('button').trigger('click')
wrapper.vm.$nextTick(() => { //код грузится 5 секунд и тесты обрываются
expect(wrapper.vm.value).toBe('value')
done()
})
})
Пример взят из
документации
В итоге я не понимаю в чем смысл строки jest.mock('axios'), когда мы пытаемся дернуть реальный запрос из компонента, который в итоге не работает.
Подскажите как это работает? Уже 3й день бьюсь и ничего не могу найти((
Заранее большое спасибо!
