我正在使用 vitest 在我的 vue 應用程式中進行一些單元測試。 我已經編寫了一些測試,但它們失敗並顯示錯誤訊息:「TypeError:預設值不是函數」。 但我在程式碼中沒有使用名為 default() 的函數。
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}`); });
如果我接著執行 npm run test
結果如下:
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| });
info.ts 檔案如下所示:
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; } }
有人知道這是怎麼回事嗎?
傳回物件中的
default
屬性不是函數(default: {...}
)。相反,您將返回如下內容: