nock 没有拦截我的请求

Question

我正在尝试使用 karma server 和 nock 创建一些基本测试。 似乎 nock 根本没有拦截我的请求，有人知道吗？我无法弄清楚缺少什么。我仍然得到真实的数据。

nock('https://api.github.com/users/' + username).log(console.log)
.get('/')
.query(true)
.reply(400, {
  statusMessage: 'Bad Request',
  foo: 'foo'
})

http.get('https://api.github.com/users/' + username, function(res) {
  console.log('res', res)
})

我也添加了这个中间件

const middlewares = [thunk];
const mockStore = configureStore(middlewares);

====== 6 月 6 日更新 ======

使用 react-redux 的整个流程 这是我的测试：

import configureStore from 'redux-mock-store';
import thunk from 'redux-thunk';
import axios from 'axios';
import expect from 'expect';
import * as actions from 'actions/test-actions'
import * as types from 'types';
import nock from 'nock'
import { username } from 'constansts'

const middlewares = [thunk];
const mockStore = configureStore(middlewares);

describe('Asynchronous actions', () => {
  it('Basic example', done => {
    nock('https://api.github.com')
    .get('/users/' + username)
    .reply(400, {
      statusMessage: 'Bad Request',
      foo: 'foo'
    })

    var expectedActions = []
    let store = mockStore([], expectedActions, done)

    store.dispatch(actions.testRequest())
      .then(() => {
        console.log('store.getActions() => ', store.getActions())
      })
      .then(done).catch((err) => {
        console.log('ERROR==>', err)
        done()
      })
  })
})

这是行动

export function testRequest () {
  return axios.get('https://api.github.com/users/' + username)
  .then(function (res) {
    console.log('response =>', res.status)
  })
  .catch(function (err) {
    console.log('error =>', err)
  })
}

res.status 是 200，即使我使用 nock 更改为 400

Answer 1

你应该在get方法中指定路径：

nock('https://api.github.com').log(console.log)
  .get('/users/' + username)
  .query(true)
  .reply(400, {
    statusMessage: 'Bad Request',
    foo: 'foo'
  });

Answer 2

我找到了答案！

显然与 axios 不兼容，我也尝试了 'fetch'、'isomorphic-fetch' 但没有运气。

'whatwg-fetch' 是答案

非常感谢，我希望这篇文章对其他人有所帮助。

import 'whatwg-fetch'
export function testRequest () {
  return fetch('https://api.github.com/users/' + username)
  .then(function (res) {
    console.log('response =>', res.status)
  })
  .catch(function (err) {
    console.log('error =>', err)
  })
}

Answer 3

您是在节点环境中还是在 Web 浏览器（如 PhantomJS）中运行测试？

要使用 nock，您必须在 node 中运行测试（使用 Jest 或 mocha），nock 会覆盖 node http 行为，因此它仅适用于 node 而不能在浏览器中（如 PhantomJS）。

要运行测试，您可以：

• 在节点环境（如 Jest 或 mocha）中运行它
• 或使用不同的库模拟fetch-mock

Answer 4

这是一个老问题，但我相信答案是您需要设置axios http 适配器：

import axios from 'axios';
axios.defaults.adapter = require('axios/lib/adapters/http');

使用jest 运行测试时，您通常在“类似浏览器”的环境中运行它们。要让 axios 使用节点 http 库，您需要明确告诉它使用 http 适配器。

https://github.com/axios/axios/tree/master/lib/adapters