Correct way to cleanup mock

I had side effects between tests because of the mocks. I had 2 files on the following model:

import axios from 'axios'
import MockAdapter from 'axios-mock-adapter'

const mock = new MockAdapter(axios)

describe('eventsActions', () => {

  afterEach(() => {
    mock.reset()
  })

  describe('changePreferences', () => {
    it('should call /api/users/preferences and dispatch events', (done) => {
      mock.onPost('/api/users/preferences')
        .reply(200)
...

When run alone, each file end with success but when run together, the calls to one url are 404. I suspected a side effect due to poor cleaning and I looked at the tests on this repo. My tests now works by removing the afterEach and adding

beforeEach(() => {
    mock = new MockAdapter(axios)
  })

So, problem solved, but I am curious. Is this the intended use ? When am I supposed to use reset() and restore() ?

Thank you

[ctimmerm]

You’re creating the mock in the describe function, which is executed before any of the tests are run. You need to create it in before instead.

import axios from 'axios'
import MockAdapter from 'axios-mock-adapter'
import chai from 'chai'

const expect = chai.expect

describe('test file 1', () => {
  let mock

  before(() => {
    mock = new MockAdapter(axios)
  })

  afterEach(() => {
    mock.reset()
  })

  after(() => {
    mock.restore()
  })

  it('test case 1', (done) => {
    mock.onGet('/api/events').reply(200, [{ id: 1 }])
    axios.get('/api/events')
      .then((response) => {
        expect(response.data).to.eql([{ id: 1 }])
        done()
      })
      .catch((err) => {
        done(err)
      })
  })

  it('test case 2', (done) => {
    mock.onGet('/api/events').reply(200, [{ id: 2 }])
    axios.get('/api/events')
      .then((response) => {
        expect(response.data).to.eql([{ id: 2 }])
        done()
      })
      .catch((err) => {
        done(err)
      })
  })
})

[kevinch]

FYI, with Jest i had it working like this:

let mock
let store

beforeEach(() => {
  mock = new MockAdapter(axios)
  store = mockStore({})
})

afterEach(() => {
  mock.reset()
})