Vue测试-模拟axios未设防返回

Question

我在用axios编写单元测试时遇到问题。当我嘲笑axios时，它会返回undinded。我正在使用vue-test-utils和jest(请参阅下面的代码(。我查过文件，但搞不清楚。

import { shallowMount } from '@vue/test-utils';
import flushPromises from 'flush-promises';
import Vue from 'vue';
import Vuetify from 'vuetify';
import axios from 'axios';
import FrontendUser from '@/views/Users/FrontendUser';
import store from '@/store';
import "@/config/axios";
jest.mock('axios');
Vue.use(Vuetify);
describe("FrontendUser.vue", () => {
test("Data are download successfully", async () => {
const wrapper = shallowMount(FrontendUser, {
store,
mocks: {
$t: () => { },
}
});
const vm = wrapper.vm;
const response = [
{
id: 1,
email: "[e-mail]",
username: "test",
isTenant: false,
getRole: "RegularUser"
},
{
id: 2,
email: "[e-mail]",
username: "test",
isTenant: true,
getRole: "RegularUser"
}
]
axios.get.mockImplementation(() => Promise.resolve({ status: 200, data: response }))
await flushPromises();
expect(vm.frontendUsers.length).toBeGreaterThan(0);
})
});

以下是错误的屏幕截图：在此处输入图像描述

Answer 1

jest.mock('axios', {
get: jest.fn(() => Promise.resolve({ status: 200, data: response })),
});