jest使用__mocks__设置模拟函数不生效 解决方案

模拟文件

javascript 复制代码
// __mocks__/axios.js
const axios = jest.fn();
axios.get = jest.fn();
axios.get.mockResolvedValue({
  data: {
    undoList: ['get data'],
  },
});
export default axios;

测试文件

javascript 复制代码
jest.mock('axios');
import Axios from 'axios';

test('mytest', () => {
  console.log("test before", Axios.get()); // 显示undefined
})

原因

jest.config.js中resetMocks为true时,会在每个测试用例开始前清空所有模拟函数的实现。

javascript 复制代码
// jest.config.js

module.exports = {
  // ...
  "resetMocks": true,
};

将resetMocks改为false就可以了,或者以内联的方式在测试用例里面设置模拟函数的实现也可以。

相关推荐
Marshmallowc11 小时前
为什么 Webpack 要打包?从 HTTP/1.1 限制到 HTTP/2 多路复用原理详解
前端·http·webpack
不爱吃糖的程序媛11 小时前
React Native 版本选择指南:0.83.X 发布,RN-OH 何去何从?
javascript·react native·react.js
xkxnq11 小时前
第四阶段:Vue 进阶与生态整合(第 58 天)(Vue 项目部署:打包、上线与服务器配置)
服务器·前端·vue.js
雾削木11 小时前
使用 ESPHome 的核心指令
java·前端·javascript·单片机·嵌入式硬件
Kratzdisteln11 小时前
【MCM】mermaid
前端·javascript·html
冰暮流星11 小时前
javascript如何实现将一个整数倒过来输出
开发语言·前端·javascript
0思必得011 小时前
[Web自动化] 爬虫合规指南:从法律红线到安全实践
前端·爬虫·自动化·web自动化
qq_1777673711 小时前
React Native鸿蒙跨平台实现移动端图书展示与交互系统,涵盖图书列表渲染、多分类筛选、收藏与购物车管理、图书详情展示等核心业务场景
javascript·react native·react.js·ecmascript·交互·harmonyos
Code小翊11 小时前
Vue 3 核心语法速查
前端·javascript·vue.js
雨季66611 小时前
Flutter 三端应用实战:OpenHarmony “安全文本溢出处理调节器”
开发语言·前端·安全·flutter·交互