JavaScript 中怎么对工具类方法进行单元测试-js教程-PHP中文网

工具类方法单元测试应视作纯函数验证：输入确定则输出确定，无副作用；需明确边界，对时间、随机数等副作用用 Jest 控制，保持测试轻量快速、互不干扰。

javascript 中怎么对工具类方法进行单元测试

对工具类方法做单元测试，核心是把它当成“纯函数”来验证：输入确定，输出确定，不依赖外部状态。只要方法没副作用、不调用 DOM、不发请求、不读写 localStorage，就很容易测。

明确工具类的边界和依赖

先确认这个工具类是否真正“独立”。常见情况包括：

纯计算类（如 formatDate、deepClone、debounce）——可直接测试，无需 mock
依赖全局对象（如 Date.now()、Math.random()）——需在测试前固定返回值
内部调用其他模块（如使用 axios 或自定义 apiClient）——应抽离依赖，或用 jest.mock 模拟
操作 DOM 或 window ——这类已超出“工具类”范畴，建议重构或改用集成测试

用 Jest 写清晰、覆盖全面的测试用例

以一个常见的 throttle 工具函数为例：

// utils.js
export function throttle(fn, delay) {
  let lastCall = 0;
  return function (...args) {
    const now = Date.now();
    if (now - lastCall >= delay) {
      fn(...args);
      lastCall = now;
    }
  };
}

对应测试可这样组织：

// utils.test.js
import { throttle } from './utils';
<p>describe('throttle', () => {
test('calls fn immediately on first invocation', () => {
const mockFn = jest.fn();
const throttled = throttle(mockFn, 100);
throttled();
expect(mockFn).toHaveBeenCalledTimes(1);
});</p><p>test('ignores calls within delay window', () => {
jest.useFakeTimers();
const mockFn = jest.fn();
const throttled = throttle(mockFn, 100);</p><pre class="brush:php;toolbar:false;">throttled(); // t=0 → called
jest.advanceTimersByTime(50);
throttled(); // t=50 → ignored
jest.advanceTimersByTime(50);
throttled(); // t=100 → called

expect(mockFn).toHaveBeenCalledTimes(2);
jest.useRealTimers();

}); });

关键点：