使用公理拦截器模拟公理

Question

我正在尝试使用mockAxios来测试axios拦截器。

export default {
    get: jest.fn(() => Promise.resolve({ data: {} }))
}
import axios from 'axios';
export const configurateAxios = () => {
    axios.interceptors.response.use(
        response => {
          return response;
        },
        error => {
          return Promise.reject(error);
        }
    );
}

当我创建 mockAxios 时：

export default {
    get: jest.fn(() => Promise.resolve(data: {}))
}

我所有的测试都失败了，并显示以下消息：无法读取 axios 拦截器内部未定义的属性响应。发生这种情况是因为模拟公理不返回响应。它可以只返回一个普通对象。

那么如何使用带有模拟Axios的axios拦截器进行测试呢？

Answer 1

这就是

我实现的

拦截器.js

/* Module that I want to test
 * Intercepts every axios request and redirects to login on 401
 */
import axios from 'axios';
export default () => {
  axios.interceptors.response.use(
    response => {
      // Return a successful response back to the calling service
      return response;
    },
    error => {
      // Return any error which is not due to authentication back to the calling service
      if (error.response.status !== 401) {
        return new Promise((resolve, reject) => {
          reject(error);
        });
      } else {
        window.location.href = '/operator-portal/login';
        return false;
      }
    }
  );
};

拦截器测试.js

import axios from 'axios';
import interceptor from '../../src/apis/interceptor';
jest.mock('axios');
describe('interceptor', () => {
  it('redirects to login route when response status is 401', () => {
    delete global.window.location;
    global.window = Object.create(window);
    Object.defineProperty(window, 'location', {
      value: {
        href: 'url'
      }
    });
    axios.interceptors.response.use = jest.fn((successCb, failCb) => {
      failCb({
        response: {
          status: 401
        }
      });
    });
    interceptor();
    expect(window.location.href).toEqual('/login');
  });
  it('redirects to login route when success handler is called', () => {
    axios.interceptors.response.use = jest.fn(successCb => {
      successCb();
    });
    interceptor();
    window.location.href = 'url';
    expect(window.location.href).toEqual('url');
  });
});

Answer 2

你为什么不使用标准的笑话嘲笑来嘲笑公理get()方法呢？

这就是我会怎么做：

// Define how I want my mocked `get` to behave
const axiosMockedGet = async () => {
    return {
        data: 'the response from the GET request'
    };
};
// Mock axios
jest.mock('axios', () => {
    return jest.fn().mockImplementation(() => {
        return {
            // Inject a function named `get`
            get: sessionFunctionMock
        };
    });
});

在此之后，所有对 axios get的调用都应该根据你的axiosMockedGet实现进行模拟。