如何在Jest测试中触发目标函数内的alert方法？

我来帮你排查并修复这个测试场景的问题，主要有几个关键调整点：

1. 修正导入路径错误 #

你的测试文件里写的是import { test } from "./test";，但你的源文件是file1.js，这会导致你调用的不是目标函数，自然alert不会被触发。把导入路径改成正确的：

import { test } from "./file1";

2. 确保mock与函数调用的顺序正确 #

虽然你已经写了window.alert = jest.fn();，但要确保mock操作在调用test()函数之前完成，这样才能捕获到alert的调用。另外，建议在每个测试用例里单独mock，避免其他测试的残留影响：

it("triggers alert with the correct string value", () => {
  // 先mock window.alert
  window.alert = jest.fn();
  // 再调用测试函数
  test(10);
  // 断言alert被传入字符串"10"调用
  expect(window.alert).toHaveBeenCalledWith("10");
});

3. 确认Jest运行在浏览器模拟环境中 #

如果你的Jest默认使用Node环境，window对象是不存在的，这时候需要配置Jest使用jsdom环境来模拟浏览器：

• Jest 28及以上版本需要先安装依赖：npm install --save-dev jest-environment-jsdom
• 在jest.config.js里添加配置：

module.exports = {
  testEnvironment: "jsdom",
};

完整的修正后测试代码 #

import { test } from "./file1";

it("triggers alert with converted string value", () => {
  // Mock window.alert为jest函数
  window.alert = jest.fn();
  
  // 调用源文件中的test函数
  test(10);
  
  // 验证alert被正确调用
  expect(window.alert).toHaveBeenCalledWith("10");
  // 可选：验证alert只被调用了一次
  expect(window.alert).toHaveBeenCalledTimes(1);
});

这样调整后，你的测试就能成功捕获到alert的调用了。

内容的提问来源于stack exchange，提问作者Roy O'Bannon