React单元测试（Mocha+Enzyme）遇File未定义，需导入什么包？

这个问题我之前搭建React测试环境时也碰到过！核心原因是：Mocha运行在Node.js环境中，而File是浏览器专属的API，Node本身并没有内置这个对象，所以测试代码里判断data instanceof File时就会抛出未定义的错误。下面给你几个实用的解决办法：

方法1：利用jsdom提供的File对象 #

如果你的测试环境已经在用jsdom（大多数React测试场景都会依赖它来模拟浏览器DOM），新版的jsdom已经支持File、Blob这些浏览器API了。你只需要在测试的全局配置文件（比如setupTests.js）里，把jsdom的File挂载到全局对象上：

import { File } from 'jsdom';
global.File = File;

这样所有测试文件里都能正常使用File对象了。

方法2：使用file-api polyfill包 #

如果你的jsdom版本比较旧，或者不想手动配置，可以直接用专门的polyfill包来补上Node环境缺失的File API：

1. 先安装依赖：

npm install file-api --save-dev

2. 在测试的入口文件或者setup文件里引入这个包：

require('file-api');

它会自动把File、Blob等对象添加到全局环境中，满足你的判断需求。

方法3：手动模拟简易版File构造函数 #

如果不想额外增加依赖，也可以自己写一个极简的File类来模拟，只要能通过instanceof判断就行：

global.File = class File {
  constructor(parts, name, options = {}) {
    this.name = name;
    this.size = parts[0]?.length ?? 0;
    this.type = options.type || '';
    // 按需添加其他你需要的File属性/方法
  }
};

这个方法适合只需要判断类型，不需要用到File完整功能的场景，轻量又灵活。

小提示 #

建议把这些配置统一放到测试的setup文件里，比如Create React App里的src/setupTests.js，这样所有测试文件都会自动加载配置，不用每个文件重复写。

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