Firebase JS SDK 中 Firestore 模拟器与 JSDOM 环境的兼容性问题解析

问题背景

在基于 Firebase JS SDK 进行前端开发时，开发者经常会使用 Firestore 模拟器进行本地测试。然而，当测试环境配置为 JSDOM 时，Firestore 模拟器会出现"Unexpected state"的内部断言错误，这给开发者的测试工作带来了困扰。

问题现象

具体表现为：当使用 vitest 测试框架并设置环境为 JSDOM 时，Firestore 模拟器会抛出以下错误：

FIRESTORE (10.10.0) INTERNAL ASSERTION FAILED: Unexpected state

而同样的测试代码在 Node.js 环境下或使用 Mocha 测试框架时却能正常运行。

技术分析

根本原因

这个问题源于 Firestore SDK 在 JSDOM 环境下对二进制数据处理的方式存在差异。Firestore 使用 Protocol Buffers 进行数据传输，而在 JSDOM 环境中，某些底层的数据转换逻辑与原生 Node.js 环境不同，导致序列化/反序列化过程出现意外状态。

影响范围

主要影响以下开发场景：

1. 使用 vitest 或 jest 等现代测试框架
2. 测试环境配置为 JSDOM
3. 需要同时测试 DOM 相关功能和 Firestore 交互

解决方案

Firebase 团队已经在新版本(10.11.0+)中修复了这个问题。开发者可以通过以下方式解决：

1. 升级 Firebase SDK 到最新版本
2. 如果暂时无法升级，可以考虑：
   • 将相关测试拆分为纯逻辑测试(使用Node环境)和DOM测试
   • 使用 Mocha 等传统测试框架作为过渡方案

最佳实践建议

1. 环境隔离：将 Firestore 相关测试与 DOM 测试适当分离
2. 版本管理：保持 Firebase SDK 版本更新
3. 测试策略：考虑使用分层测试策略，单元测试使用Node环境，集成测试使用JSDOM环境
4. 错误监控：对类似的"INTERNAL ASSERTION"错误保持警惕，及时检查环境兼容性

总结

这个问题展示了前端测试中环境差异带来的挑战。通过理解底层技术原理和保持依赖更新，开发者可以有效避免这类兼容性问题。Firebase 团队的快速响应也体现了开源社区解决问题的效率，建议开发者定期关注项目更新以获取最佳开发体验。