I'm using an axios interceptor to set the Authorization token in requests headers.

axios.interceptors.request.use(config => {
  config.headers.Authorization = 'Bearer ' + Auth.getToken()
  return config
})

How can i test if my requests are sent with correct token in header?

Ps.: I'm using Mocha + Chai

I'm using an axios interceptor to set the Authorization token in requests headers.

axios.interceptors.request.use(config => {
  config.headers.Authorization = 'Bearer ' + Auth.getToken()
  return config
})

How can i test if my requests are sent with correct token in header?

Ps.: I'm using Mocha + Chai

• javascript
• testing
• mocking
• sinon
• axios

Share Improve this question Follow asked Sep 8, 2016 at 19:52 Bruno QuaresmaBruno Quaresma 10.8k77 gold badges3838 silver badges5151 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

Use axios-mock-adapter to mock Axios, and get the request information from the config object in:

.reply((config) => {})

Example:

import MockAdapter from 'axios-mock-adapter'

const axiosMock = new MockAdapter(axios)

axiosMock.onGet('https://api.').reply((config) => {
    return [200, { requestHeaders: config.headers }]
});

const response = await axiosWrapper.get('https://api.')
expect(response.data.requestHeaders['Authorization'] === 'AUTH_TOKEN')

To test if the correct token is in the header, an integration test would be more approriate. When the correct token is in the header, the API response should be different than when an incorrect token is sent with the request to the API.

If would like to test your headers in the response you could do something like this:

    const mock = new MockAdapter(axios);
    mock.onGet('/anon/getUser').reply(200, {/*response.data*/}, {'my-header-key': 'my-value' });