ts中使用jest：“mockResolvedValue不是一个函数”的问题解决

自己瞎琢磨

已于 2023-06-27 23:55:39 修改

阅读量759

点赞数

CC 4.0 BY-SA版权

分类专栏：前端综合文章标签： javascript 单元测试

于 2023-06-24 12:18:15 首次发布

本文链接：https://blog.youkuaiyun.com/huangfengnt/article/details/131360173

前端综合专栏收录该内容

40 篇文章

订阅专栏

文章描述了在使用jest进行单元测试时遇到axios.get.mockResolvedValue方法报错的情况，提出了解决方案，即直接重写axios.get为jest.fn().mockResolvedValue，或者使用jest.spyOn来模拟返回值。示例代码展示了如何正确地对axios.get进行mock以替代真实请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

mock axios本质上就是mock axios的返回值，让其返回值取代真实的返回值，官网给的写法如下

import axios from 'axios';
import Users from './users';

jest.mock('axios');

test('should fetch users', () => {
  const users = [{name: 'Bob'}];
  const resp = {data: users};
  axios.get.mockResolvedValue(resp);

  // or you could use the following depending on your use case:
  // axios.get.mockImplementation(() => Promise.resolve(resp))

  return Users.all().then(data => expect(data).toEqual(users));
});

但是在正式使用的时候会报错：mockResolvedValue不是一个函数。

其实就是get当中没有这样的一个属性吧，可以这样解决

jest.mock('axios');
test("3",async()=>{
    // 测试一下axios的mock
    const users = [{name: 'Bob'}];
    const resp = {data: users};
    axios.get=jest.fn().mockResolvedValue(resp);
    // (axios.get as any).mockImplementation(() => Promise.resolve(resp))
    let res=await getAxios()
    expect(res).toEqual(users)
})

忘记了，getAxios的内容是这样的

import axios from "axios";
export const getAxios = async () => {
  const res = await axios.get('/api');
  return res.data;
}

实际上就是把get重新赋值了吧，此外下面那种注释掉的写法也是可以的。

更新：这样的写法其实也挺好的

jest.spyOn(axios, 'get').mockResolvedValue({ data: { id: 2, name: 'User' } })