Saya menggunakan vitest untuk melakukan beberapa ujian unit dalam aplikasi vue saya. Saya telah menulis beberapa ujian tetapi mereka gagal dengan mesej ralat: "TypeError: nilai lalai bukan fungsi". Tetapi saya tidak menggunakan fungsi bernama default() dalam kod saya.
import getInfo from './info'; vi.mock('axios', () => { return { default: { get: vi.fn() } } }); test('fn getInfo() should request api with axios.get url', async () => { const spyAxios = vi.spyOn(axios, 'get'); await getInfo('1234'); expect(spyAxios).toHaveBeenCalledWith(`${process.env.VUE_APP_API_BASE_URL}`); });
Jika saya kemudian laksanakan npm run test
hasilnya begini:
FAIL src/api/info/info.test.js > fn getInfo() should request api with axios.get url TypeError: default is not a function ❯ src/api/info/info.test.js:61:22 59| test('fn getInfo() should request api with axios.get url', async () => { 60| const spyAxios = vi.spyOn(axios, 'get'); 61| await getInfo('1234'); | ^ 62| expect(spyAxios).toHaveBeenCalledWith(`${process.env.VUE_APP_API_BASE_URL}`); 63| });Fail
info.ts kelihatan seperti ini:
import { useLoginStore } from "../../store/LoginStore"; import axios from "axios"; // eslint-disable-next-line export async function getInfo(param: string) : Promise<any> { const loginStore = useLoginStore(); axios.defaults.headers.common = {'Authorization': `Bearer ${loginStore.accessToken}`}; const request = await axios.get( process.env.VUE_APP_API_BASE_URL ); if (request?.status == 200) { return request.data; } else { return null; } }
Ada sesiapa tahu apa yang berlaku?
mengembalikan
default
属性不是函数(default: {...}
) dalam objek. Sebaliknya, anda akan mendapat kembali sesuatu seperti ini: