为何Jest.mock返回带default属性的模拟对象?如何移除该属性?
解决Jest模拟默认导出对象时多余的default属性问题
你当前的问题出在Jest对ES模块默认导出的mock处理逻辑上:当原模块使用export default导出对象时,直接返回mock对象会被Jest自动包裹进default属性中。要得到预期的结构,可用以下两种方法:
方法一:显式指定default导出内容
修改jest.mock的回调函数,返回包含default字段的对象,字段值就是你需要mock的person结构:
jest.mock('../person', () => ({ default: { getFullName: () => "John Smith" } }));
方法二:标记ES模块并指定默认导出
添加__esModule: true标记,让Jest正确识别ES模块规则,避免兼容性问题:
jest.mock('../person', () => ({ __esModule: true, default: { getFullName: () => "John Smith" } }));
额外提示
你原代码中的getFullName箭头函数存在问题:箭头函数的this不会绑定到当前对象,无法正确获取firstName和LastName,建议改成普通函数:
export default person = { firstName: "xxx", lastName: "xxx", // 建议统一小驼峰命名风格 getFullName: function() { return this.firstName + this.lastName; } }
内容的提问来源于stack exchange,提问作者lch
相关产品推荐
相关产品推荐

