重点是建立对测试意图的敏感度，分层突破纯计算函数、带副作用函数、状态管理逻辑三类必考场景，并通过精准 mock、可控异步、浏览器调试和 first 原则保障测试质量。
直接从高频、易错、有代表性的实战场景切入，不堆概念，不空讲流程。重点不是“学完所有工具”，而是建立对测试意图的敏感度——比如“这个函数改了，测试会不会立刻红？”“这个异步路径有没有被真正覆盖？”
先盯住三类必考函数，分层突破
多数 JS 单元测试问题集中在以下三类，复习时按优先级逐个击破：
-
纯计算函数（如
sum、debounce、deepClone）：重点补边界值——null、undefined、0与-0、Infinity、循环引用；浮点运算必须用toBeCloseTo，不能用toBe。 -
带副作用函数（如
fetchUser、renderList）：真实发请求或操作 DOM 是大忌。必须用jest.mock('axios')或jest.fn()替换依赖，并验证调用次数、参数、返回值；同时覆盖成功、失败、加载中三种状态。 -
状态管理逻辑（如 React 组件状态更新、Redux reducer、表单校验）：别只测“点一下加1”。要主动构造并发提交、重复点击、非法输入等异常流程；React 异步更新务必用
act()包裹；reducer 测试写成明确三元组：initialState → action → expectedState。
异步测试不靠等，靠控制与断言时机
JS 异步常见陷阱是“以为在测，其实没等完”。关键不是加 async/await，而是确保测试真正观察到行为结果：
dmap-jsapi-skill
下载
DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
- 定时器类（
setTimeout、setInterval）：立刻启用jest.useFakeTimers()，再用jest.runAllTimers()或jest.advanceTimersByTime()主动推进时间。 - Promises 和 API 调用：用
mockResolvedValue/mockRejectedValue控制响应；断言时用await expect(...).resolves.toEqual(...)或.rejects.toThrow(...)，避免漏掉未处理的 reject。 - React 状态更新：所有
await wrapper.vm.$nextTick()或await act(...)都要配对使用，否则渲染可能未完成就做断言。
Mock 不是“随便替”，而是精准隔离+可信验证
Mock 的目标是让测试只关注当前单元，同时能验证它和外部的协作是否正确：
- 函数级 Mock：用
jest.fn()替换方法后，检查mock.calls.length、mock.calls[0]参数、mock.results[0].value返回值。 - 模块级 Mock：对
axios、localStorage、第三方 SDK，统一用jest.mock('xxx')，并在beforeEach中重置mockClear()，防止测试间污染。 -
浏览器 API Mock：DOM 操作（
document.createElement）、全局对象（console.error）、时间（Date.now）都要显式 mock；可用jest.spyOn(global, 'Date').mockImplementation(...)。
浏览器调试不是最后一步，而是测试过程的一部分
本地跑通测试只是起点，真正在浏览器里看行为才能暴露隐藏问题：
- 用 Chrome DevTools 的 “Sources” 面板打断点，配合
debugger进入测试执行流，观察变量实际值是否与预期一致。 - 在测试中临时加
console.log不够可靠——改用jest.spyOn(console, 'log').mockImplementation(...)捕获并断言日志内容。 - 遇到 UI 渲染异常，打开 Vue Devtools 或 React Devtools，直接查看组件 props/state 是否按测试设定更新，比读快照更直观。
不复杂但容易忽略：每次写完一个测试，快速过一遍 FIRST 原则——快（50ms 内）、独立（删掉其他测试也能跑）、可重复（连续五次结果一致）、自验证（断言明确无歧义）、及时（代码一改测试立刻失败）。这五条比记框架 API 更管用。
