基于官方文档使用Axios 0.18.0与Jest 22.4.2测试简单GET请求

你的代码已经搭好了异步测试的基础框架，但还有几个关键细节需要优化，才能让测试更健壮、规范，真正起到验证功能的作用：

现有代码的核心问题 #

• 缺少断言逻辑：目前只是打印请求结果，但Jest需要明确的断言来判断测试是否通过——没有断言的测试就算执行完也不算"通过"，只是没抛出错误而已
• 超时设置不规范：直接修改jasmine.DEFAULT_TIMEOUT_INTERVAL全局变量会影响其他测试用例，Jest提供了更优雅的局部超时设置方式
• 未处理请求失败场景：如果GitHub API请求超时或出错，测试会直接崩溃，无法验证错误处理逻辑
• 依赖外部服务不稳定：真实请求依赖GitHub API的可用性，可能导致测试偶尔失败，不符合单元测试的隔离原则

方案1：完善真实请求的测试（适合集成测试场景） #

如果你确实需要验证真实HTTP请求的流程，可以这样修改：

// services.spec.js
import { getUser } from './services';

// 针对单个测试用例设置超时，不影响全局配置
it('should return data from github user', async () => {
  // 局部设置超时（Jest 22已支持该方法）
  jest.setTimeout(30000);
  
  try {
    const result = await getUser();
    // 添加核心断言，验证返回数据符合预期
    expect(result).toHaveProperty('data');
    expect(result.data.login).toBe('mzabriskie');
    expect(result.status).toBe(200);
  } catch (error) {
    // 若请求失败，主动标记测试失败并打印错误信息
    fail(`请求失败: ${error.message}`);
  }
});

方案2：Mock Axios（推荐的单元测试方式） #

单元测试应该隔离外部依赖，Mock Axios可以避免真实请求的不稳定，同时能灵活模拟成功、失败等各种场景：

// services.spec.js
import axios from 'axios';
import { getUser } from './services';

// Mock整个axios模块
jest.mock('axios');

it('should return data from github user', async () => {
  // 模拟axios.get的成功返回值
  const mockUserData = {
    data: { login: 'mzabriskie', id: 12345 },
    status: 200
  };
  axios.get.mockResolvedValue(mockUserData);

  // 执行待测试函数
  const result = await getUser();

  // 断言：验证axios.get被正确调用
  expect(axios.get).toHaveBeenCalledTimes(1);
  expect(axios.get).toHaveBeenCalledWith('https://api.github.com/users/mzabriskie');
  
  // 断言：验证返回值符合预期
  expect(result).toEqual(mockUserData);
  expect(result.data.login).toBe('mzabriskie');
});

// 额外测试请求失败的场景
it('should handle request failure correctly', async () => {
  const mockError = new Error('Request failed with status 500');
  axios.get.mockRejectedValue(mockError);

  await expect(getUser()).rejects.toThrow('Request failed with status 500');
  expect(axios.get).toHaveBeenCalledTimes(1);
});

额外注意事项 #

• 你的Jest版本是22.4.2，jest.setTimeout()已经支持局部设置，比修改全局jasmine.DEFAULT_TIMEOUT_INTERVAL更安全
• 如果需要全局统一设置超时，可以在jest.config.js中添加testTimeout: 30000配置项
• 若想简化Axios的Mock操作，也可以使用axios-mock-adapter库，但手动Mock已经足够应对简单场景

内容的提问来源于stack exchange，提问作者rfc1484