如何使用jasmine mocking对js进行异步单元测试

Jasmine 是一个流行的 JavaScript 测试框架，它提供了丰富的功能来进行单元测试，包括异步代码的测试。使用 Jasmine 进行异步单元测试时，主要会用到 done 回调函数或者返回一个 Promise。

基础概念

异步单元测试是指测试那些涉及到异步操作的代码，比如定时器、网络请求、事件监听等。在 JavaScript 中，异步操作通常通过回调函数、Promise 或者 async/await 来处理。

Jasmine Mocking是指使用 Jasmine 提供的间谍（spy）功能来模拟函数或对象的行为，以便于隔离被测试的代码，并且可以验证代码是否按照预期调用了这些模拟的函数或对象。

优势

隔离测试：通过模拟外部依赖，可以专注于测试单个组件的逻辑。
可重复性：模拟数据可以确保每次测试都有一致的环境。
速度：避免了真实异步操作（如网络请求）的延迟，使得测试运行更快。
可控制性：可以精确控制模拟函数的行为和返回值。

类型

间谍（Spies）：用于跟踪函数调用。
存根（Stubs）：预定义返回值的模拟函数。
假（Fakes）：简化版的实现，用于替代真实对象。
模拟（Mocks）：预设行为的对象，通常用于验证交互。

应用场景

网络请求：模拟 API 调用。
定时器：测试 setTimeout 或 setInterval 的逻辑。
事件处理：验证事件监听器的行为。
数据库操作：模拟数据库查询和更新。

示例代码

以下是使用 Jasmine 进行异步单元测试的示例：

// 假设有一个异步函数 fetchData，它接受一个回调函数作为参数
function fetchData(callback) {
  setTimeout(() => {
    callback('data');
  }, 1000);
}

// 测试 fetchData 函数
describe('fetchData', () => {
  it('should call the callback with "data"', (done) => {
    // 使用 Jasmine 的 done 回调来处理异步测试
    spyOn(window, 'fetchData').and.callThrough();

    fetchData((data) => {
      expect(data).toBe('data');
      expect(window.fetchData).toHaveBeenCalled();
      done(); // 测试完成，通知 Jasmine
    });
  });
});

// 如果 fetchData 返回一个 Promise
function fetchDataPromise() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('data');
    }, 1000);
  });
}

// 测试 fetchDataPromise 函数
describe('fetchDataPromise', () => {
  it('should resolve with "data"', () => {
    spyOn(window, 'fetchDataPromise').and.callThrough();

    return fetchDataPromise().then((data) => {
      expect(data).toBe('data');
      expect(window.fetchDataPromise).toHaveBeenCalled();
    });
  });
});