如何在React Native的Detox测试中设置Cookie

方案1：手动注入统一Cookie（轻量测试首选，无额外依赖） #

• 测试前先生成固定的未授权用户身份Cookie字符串，示例：'anonymous_id=test_20240501_abc123; Path=/'，保证应用侧、API请求侧复用同一套值
• 应用侧如果用axios，直接配置全局默认请求头：

axios.defaults.headers.common['Cookie'] = 'anonymous_id=test_20240501_abc123; Path=/'

如果用原生fetch，封装全局方法统一添加头：

const originalFetch = fetch
window.fetch = (url, options = {}) => {
  options.headers = {
    ...options.headers,
    'Cookie': 'anonymous_id=test_20240501_abc123; Path=/'
  }
  return originalFetch(url, options)
}

• 调试/测试用的API请求侧（Postman、自动化脚本等），所有请求都带上完全相同的Cookie头，即可保证两边身份完全一致。

方案2：Mock Cookie存储（适合自动化测试场景） #

如果用Jest等测试框架，可直接全局模拟@react-native-community/cookies的返回值，无需修改业务代码：

• 在jest.setup.js中添加mock配置：

jest.mock('@react-native-community/cookies', () => ({
  CookieManager: {
    get: jest.fn(() => Promise.resolve({
      anonymous_id: { value: 'test_20240501_abc123' }
    })),
    set: jest.fn(() => Promise.resolve(true))
  }
}))

• 业务代码正常调用CookieManager存取Cookie即可，测试环境会统一返回预设的身份值，无需额外适配。

方案3：端到端测试场景同步方案 #

如果用Detox/Appium做E2E测试，可直接通过测试框架的API给应用网络栈写入固定Cookie：

• Detox设置示例：await device.setCookie({ url: 'https://你的业务域名', name: 'anonymous_id', value: 'test_20240501_abc123' })
• 测试用例中发起独立API请求时复用同一个Cookie值即可。

若后端开启了Cookie的HttpOnly属性，前端JS侧无法直接读取，该场景优先用方案1在请求拦截层统一注入，或在后端测试环境新增临时测试身份参数入口，无需依赖真实Cookie生成逻辑。

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