执行Jest单元测试用例前如何正确获取API token并存储至Redux

你之前在setup.js中直接调用异步方法失效的核心原因是：Jest不会主动等待普通顶层异步函数执行完成就会启动测试流程，所以Token请求还没返回，测试用例就已经开始运行了。

你当前把Token获取写在单独测试用例中的方案存在稳定性缺陷：Jest默认并行执行所有测试文件，除非你强制配置了单线程运行，否则无法保证获取Token的测试文件优先执行，很容易出现其他测试用例偶现拿不到Token的问题，不推荐长期使用。

以下是更稳定的实现方案：

方案1：使用globalSetup全局异步配置（推荐） #

Jest 28及以上版本支持globalSetup配置异步函数，该函数会在所有测试执行前仅运行一次，Jest会自动等待异步逻辑执行完成再启动测试。

1. 先在jest.config.js中添加配置：

module.exports = {
  // 其他配置...
  globalSetup: './jest-global-setup.js'
}

2. 编写jest-global-setup.js文件：

const getToken = require('./你的getToken方法路径');

module.exports = async () => {
  const token = await getToken();
  // 将Token挂载到全局对象，所有测试文件都可以读取
  global.__API_TOKEN__ = token;
};

3. 在测试用的Redux Store初始化逻辑中，直接将global.__API_TOKEN__写入对应state即可。
   该方案的优势是Token仅请求一次，不会和业务测试逻辑耦合，性能最优。

方案2：全局beforeAll钩子 #

如果你的Jest版本较低，或者需要直接在测试运行环境（比如jsdom）中操作Redux实例，可以在setupFilesAfterEnv对应的配置文件中添加全局异步beforeAll钩子，Jest会等待该钩子执行完成再运行所有测试用例：

// jest.setup.js（对应setupFilesAfterEnv配置的文件）
import getToken from './你的getToken方法路径';
import testStore from './你的测试用Redux Store实例路径';

beforeAll(async () => {
  const token = await getToken();
  // 直接将Token存入Redux
  testStore.dispatch({
    type: 'SET_API_TOKEN',
    payload: token
  });
});

该方案不需要额外处理全局变量传递，直接在测试上下文操作Redux，适配性更强。

方案3：封装测试请求工具 #

如果只有部分测试用例需要用到业务接口Token，不需要全局处理，可以封装专用的测试请求工具，自动处理Token校验和获取：

import axios from 'axios';
import testStore from './你的测试用Redux Store实例路径';
import getToken from './你的getToken方法路径';

export const testApiRequest = async (requestConfig) => {
  let token = testStore.getState().apiToken;
  // 无Token时先获取再发请求
  if (!token) {
    token = await getToken();
    testStore.dispatch({
      type: 'SET_API_TOKEN',
      payload: token
    });
  }
  // 携带Token发起业务请求
  return axios({
    ...requestConfig,
    headers: {
      ...requestConfig.headers,
      Authorization: `Bearer ${token}`
    }
  });
};

需要调用业务接口的测试直接使用该封装方法即可，不需要单独处理Token逻辑，灵活度最高。

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