JavaScript单元测试Mock WebWorker的核心是拦截new Worker()并控制postMessage/onmessage通信：1.重写window.Worker返回可控mock实例；2.模拟消息闭环，提供triggerMessage和onmessage调用；3.按业务场景定制响应逻辑；4.确保测试间清理与隔离。
在 JavaScript 单元测试中 Mock WebWorker，核心是**拦截 new Worker() 实例化行为，并控制其 postMessage 和 onmessage 的通信逻辑**。不需真实启动线程，重点模拟“发什么、收什么、怎么响应”。
1. 替换全局 Worker 构造函数
通过重写 window.Worker，让每次 new Worker() 都返回一个可控的 mock 实例：
- 保存传入的脚本路径（便于按不同 worker 类型做差异化响应）
- 返回自定义对象，具备
postMessage、terminate方法和onmessage属性 - 用
jest.mock或直接赋值方式在测试前生效，测试后还原
2. 模拟消息收发闭环
mock Worker 必须能接收主线程发来的消息，并主动触发 onmessage 回调；同时支持向主线程“回传”消息（即调用主线程注册的 worker.onmessage）：
- 在 mock 实例中暴露
triggerMessage(data)方法，模拟 Worker 主动 postMessage 给主线程 - 把主线程传入的
onmessage存下来，在需要时手动调用：this.onmessage?.({ data: response }) - 可配合
Promise或jest.fn()断言消息内容和次数
3. 按场景定制响应逻辑
真实业务中 Worker 往往承担特定任务（如解析 JSON、计算哈希、处理图像），Mock 时应贴近使用方式：
立即学习“Java免费学习笔记（深入）”；
- 若 Worker 接收 { type: 'PARSE', payload } → mock 中判断 type，返回对应 result 或 error
- 可用
jest.requireActual('path/to/worker.js')加载真实 worker 代码（仅限 Node 环境或工具支持时），再 patch 其导出逻辑 - 对复杂流程（如多次通信、异步响应），在 mock 中维护内部状态（如 pendingRequests 数组）来模拟生命周期
4. 清理与隔离
避免测试间污染：
- 每个测试用例开始前重置
window.Worker，结束时 restore - 若使用 Jest，推荐在
beforeEach中 mock，在afterEach中jest.restoreAllMocks() - 注意跨 iframe 或多上下文场景——mock 需作用于正确 globalThis（如 JSDOM 中就是
global）
