暮色呼如
2023-12-14 14:20:33
我有一個(gè)配置 axios 的模塊:// config/axiosConfig.jsimport axios from 'axios';const instance = axios.create({ baseURL: 'http://localhost:8080/api/v1'});export default instance;以及一個(gè)使用它來(lái)進(jìn)行 api 調(diào)用的模塊:// store/actions.tsimport axiosInstance from 'config/axiosConfig';export const fetchUsers = () => (dispatch: ThunkDispatch<{}, {}, AnyAction>) => { dispatch(loading(true)); return axiosInstance.get('/users') .then(res => { dispatch(loading(false)); dispatch(fetched(res.data)); }) .catch(err => dispatch(error(true)));}...我想模擬 axios 配置文件來(lái)測(cè)試我的 api 文件。我嘗試了很多很多方法但沒(méi)有任何效果。我以為這會(huì)很簡(jiǎn)單// store/actions.test.tsimport axiosInstance from 'config/axiosConfig';jest.mock('config/axiosConfig');axiosConfig.get.mockResolvedValue({users: mockUserList});...但我想事情并不是這樣的。axiosConfig.get.mockResolvedValue({users: mockUserList});編輯:當(dāng)我放入測(cè)試內(nèi)部而不是放在模擬調(diào)用下時(shí),我的問(wèn)題中的方法有效。
1 回答

揚(yáng)帆大魚(yú)
TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超9個(gè)贊
嘗試一下(將其放在文件頂部或內(nèi)部頂部beforeAll或beforeEach取決于您的喜好):
jest.mock('config/axiosConfig', () => ({
? async get(urlPath) {
? ? return {
? ? ? users: mockUserList,
? ? };
? },
}));
這是使用工廠函數(shù)的簡(jiǎn)單模擬。到處使用模擬jest提供了一種更好的方法來(lái)避免重復(fù)。您創(chuàng)建一個(gè)__mocks__目錄,然后在其中創(chuàng)建模塊,然后覆蓋許多內(nèi)置函數(shù)。然后,您只需使用以下代碼即可擺脫困境。
// file.test.ts
jest.mock('fs')
// Rest of your testing code below
如果這不起作用,則 和 中的模塊分辨率設(shè)置jest.config.js可能tsconfig.js會(huì)有所不同。
添加回答
舉報(bào)
0/150
提交
取消