Detox端到端测试中nock mock接口响应不生效如何解决？

根本原因 #

你当前使用的是Detox类端到端测试框架，测试脚本运行在本地Node.js进程中，nock只能拦截当前Node进程内发起的HTTP请求。但你的React Native应用运行在模拟器/真机的独立JS runtime中，登录请求是从APP侧发起的，完全不在nock的拦截范围内，因此拦截失效。

可选修复方案 #

• 方案1：直接mock封装的请求方法（最简单，优先推荐） #

  你已经在测试中引入了封装的axiosPost方法，直接用jest mock该方法即可绕开真实网络请求：

  // 在测试文件顶部加入mock逻辑
  jest.mock("../app/config/api", () => ({
    axiosPost: jest.fn()
  }))
  

  然后在登录测试用例中指定mock返回值：

  it('should login successfully', async () => {
    // 替换原来的nock逻辑
    axiosPost.mockResolvedValue({
      data: {
        loggedIn: true,
        user: { id: 1 }
      }
    })
  
    // 原有操作逻辑不变
    await element(by.id('email')).replaceText('hello@email.com');
    await element(by.id('password')).replaceText('foobar');
    await element(by.id('loginSubmit')).tap();
  
    await expect(element(by.id('accountScreen'))).toBeVisible();
    await expect(element(by.id('email'))).not.toBeVisible();
    // 可选：校验请求参数是否符合预期
    expect(axiosPost).toHaveBeenCalledWith('/api/v1/auth/login', {
      email: 'hello@email.com',
      password: 'foobar'
    })
  })
  

• 方案2：使用Detox自带的网络拦截能力 #

  如果需要在网络层做拦截，Detox 19及以上版本自带了网络mock能力，直接调用对应API即可实现请求拦截：

  it('should login successfully', async () => {
    // 替换原来的nock逻辑
    await device.mockRequest('POST', `${API_URL}/api/v1/auth/login`, {
      status: 200,
      data: {
        loggedIn: true,
        user: { id: 1 }
      }
    })
  
    // 原有操作逻辑不变
    await element(by.id('email')).replaceText('hello@email.com');
    await element(by.id('password')).replaceText('foobar');
    await element(by.id('loginSubmit')).tap();
  
    await expect(element(by.id('accountScreen'))).toBeVisible();
    await expect(element(by.id('email'))).not.toBeVisible();
  })
  

  测试结束后可以调用device.clearAllMocks()清空拦截规则，避免影响其他测试用例。

• 方案3：使用RN适配的网络拦截工具 #

  如果你使用的Detox版本较低不支持自带mock，可以改用适配React Native环境的拦截工具，比如react-native-nock或者MSW的RN适配版本，在APP侧全局注入拦截逻辑即可。

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