Question: Getting the headers for tests

I feel like this is out of topic, though. Anyway –

I’m implementing JWT with Axios, and would like to send the Authorization Header through the interceptor. Question, how do I test with Sinon that I am able to send the said header? Which do I spy? Thanks.

Edit: I just checked the API, and the headers doesn’t seem to be covered in the interceptors. In the Interceptors example, is config equal to the whole request API or just the config in it?

[mzabriskie]

I should probably also mention, that you don’t have to use an interceptor for modifying headers. You can use a transformer as well.

axios.get('/some/url', {
  transformRequest: axios.defaults.transformRequest.concat(function (data, headers) {
    headers['Authorization'] = token;
  })
});

Or if you want to use the transformer on every request, not just a single request:

axios.defaults.transformRequest.push(function (data, headers) {
  headers['Authorization'] = token;
});

[mzabriskie]

This is an example using sinon and jasmine:

describe('jwt', function () {
  beforeEach(function () {
    this.xhr = sinon.useFakeXMLHttpRequest();
    var requests = this.requests = [];
    this.xhr.onCreate = function (xhr) {
      requests.push(xhr);
    }
  });

  afterEach(function () {
    this.xhr.restore();
  });

  it('should have Authorization header', function (done) {
    axios.interceptors.request.use(function (config) {
      config.headers['Authorization'] = 'token';
      return config;
    });

    axios.get('/foo');

    var requests = this.requests;

    setTimeout(function () {
      expect(requests.length).toEqual(1);
      expect(requests[0].requestHeaders['Authorization']).toEqual('token');
      done();
    }, 0);
  });
});