Jest Spy On正确用法解析：两种写法差异与原理疑问

为什么不用保存spy变量也能运行测试？ #

jest.spyOn(i18next, 't')的核心逻辑是直接替换i18next对象上的t方法：

• 它会先备份原t方法，然后把一个「间谍函数」挂载到i18next.t的位置。
• 这个间谍函数会自动记录所有调用信息（比如调用次数、传入参数），同时默认会执行原t方法的逻辑（可以通过mockImplementation等方法修改行为）。

所以不管你有没有把spyOn返回的间谍变量存下来，i18next.t已经变成了jest的间谍函数，自然可以直接通过i18next.t来断言调用情况。

两种写法的差异 #

示例1（保存spy变量） #

const spy = jest.spyOn(i18next, 't');

expect(spy).toHaveBeenCalledWith('errorCharacterLength', { min: 5, max: 10 });
expect(result).toEqual(i18next.t('errorCharacterLength', { min: 5, max: 10 }));

示例2（不保存spy变量） #

jest.spyOn(i18next, 't');

expect(i18next.t).toHaveBeenCalledWith('errorCharacterLength', { min: 5, max: 10 });
expect(result).toEqual(i18next.t('errorCharacterLength', { min: 5, max: 10 }));

两者的功能完全等价，差异仅在于代码风格：

• 保存变量的写法更清晰，后续如果需要对间谍做额外操作（比如spy.mockReturnValue()自定义返回值、spy.mockClear()清空调用记录），直接用变量更方便。
• 不保存变量的写法更简洁，适合只需要断言调用情况的简单测试场景。

第二个expect语句的含义 #

expect(result).toEqual(i18next.t('errorCharacterLength', { min: 5, max: 10 }));

这个断言的作用是验证业务逻辑的返回值，和i18next翻译后的预期结果完全一致：

• 因为spyOn默认会执行原t方法，所以这里调用i18next.t(...)会返回真实的翻译文本。
• 它不仅仅是确认「代码调用了翻译方法」，更是确认「代码最终返回的内容和预期的翻译结果匹配」，是对业务逻辑输出的最终验证。

如果想脱离i18next的真实配置，完全自定义翻译结果，可以给间谍添加返回值mock：

// 保存变量的写法
const spy = jest.spyOn(i18next, 't').mockReturnValue('字符长度需在5-10之间');
// 不保存变量的写法
jest.spyOn(i18next, 't').mockReturnValue('字符长度需在5-10之间');

此时i18next.t会直接返回你指定的字符串，测试不依赖外部翻译配置，独立性更强。

内容的提问来源于stack exchange，提问作者duduwe