编辑“︁JavaScript异步测试”︁

= JavaScript异步测试 =

异步测试是JavaScript开发中至关重要的环节，它确保异步代码（如Promise、async/await、定时器等）能够按预期执行并返回正确结果。由于异步操作的非阻塞特性，测试时需要特殊处理以避免误判。

== 基本概念 ==
异步代码不会立即返回结果，而是通过回调函数、Promise或async/await在将来某个时间点完成。测试这类代码时，测试框架必须能够：
* 等待异步操作完成
* 正确处理成功/失败状态
* 捕获未处理的异常

常见的异步模式包括：
* '''回调函数'''：传统方式，容易产生"回调地狱"
* '''Promise'''：ES6引入的异步解决方案
* '''async/await'''：ES2017语法糖，使异步代码看起来像同步代码

== 测试框架支持 ==
主流JavaScript测试框架都提供异步测试支持：

=== Jest ===
<syntaxhighlight lang="javascript">
// 测试Promise
test('Promise测试', () => {
  return fetchData().then(data => {
    expect(data).toBe('expected');
  });
});

// 测试async/await
test('async/await测试', async () => {
  const data = await fetchData();
  expect(data).toBe('expected');
});
</syntaxhighlight>

=== Mocha ===
<syntaxhighlight lang="javascript">
describe('异步测试套件', function() {
  it('应该正确处理回调', function(done) {
    fetchData(function(err, data) {
      if (err) return done(err);
      assert.equal(data, 'expected');
      done();
    });
  });
});
</syntaxhighlight>

== 常见测试场景 ==

=== 定时器测试 ===
测试setTimeout/setInterval时需要特殊处理：
<syntaxhighlight lang="javascript">
// Jest中使用假定时器
jest.useFakeTimers();

test('定时器测试', () => {
  const callback = jest.fn();
  setTimeout(callback, 1000);
  
  jest.runAllTimers(); // 立即执行所有定时器
  
  expect(callback).toHaveBeenCalled();
});
</syntaxhighlight>

=== API请求测试 ===
实际项目中常需要模拟网络请求：
<syntaxhighlight lang="javascript">
// 使用Jest模拟fetch
global.fetch = jest.fn(() =>
  Promise.resolve({
    json: () => Promise.resolve({ data: 'mock' })
  })
);

test('API测试', async () => {
  const response = await fetchDataFromAPI();
  expect(response.data).toBe('mock');
});
</syntaxhighlight>

== 高级技巧 ==

=== 并发测试 ===
测试并行执行的异步操作：
<syntaxhighlight lang="javascript">
test('并发请求', async () => {
  const [res1, res2] = await Promise.all([
    fetch('/api/1'),
    fetch('/api/2')
  ]);
  
  expect(res1.status).toBe(200);
  expect(res2.status).toBe(200);
});
</syntaxhighlight>

=== 错误处理测试 ===
确保正确处理异步错误：
<syntaxhighlight lang="javascript">
test('异步错误', async () => {
  await expect(failingAsync()).rejects.toThrow('错误信息');
});
</syntaxhighlight>

== 性能考量 ==
异步测试可能影响测试套件执行速度。优化策略包括：
* 合理设置超时时间
* 并行执行独立测试
* 使用模拟(mock)代替真实网络请求

<mermaid>
graph TD
  A[开始测试] --> B[执行异步操作]
  B --> C{操作完成?}
  C -->|是| D[验证结果]
  C -->|否| E[等待/超时]
  D --> F[测试通过]
  E --> G[测试失败]
</mermaid>

== 数学表示 ==
异步操作可以表示为时间函数：
<math>
f(t) = \begin{cases}
undefined & t < t_{complete} \\
value & t \geq t_{complete}
\end{cases}
</math>

其中<math>t_{complete}</math>是操作完成时间。

== 最佳实践 ==
1. 始终为异步测试设置明确的超时
2. 彻底清理测试间的状态
3. 优先使用async/await语法提高可读性
4. 合理使用模拟(mock)提高测试速度
5. 测试各种边界条件和错误场景

通过掌握这些技巧，您可以构建健壮的测试套件，确保异步JavaScript代码的可靠性。

[[Category:编程语言]]
[[Category:JavaScript]]
[[Category:Javascript测试]]