mock axios in module style

[craigcosmo]

I got code like this

method.js

export function deleteImageFromServer(id){
	return axios.post('http://localhost:8000/'+'delete', {id:id})
}

home.spec.js

import {deleteImageFromServer} from './method'
import MockAdapter from 'axios-mock-adapter'
import axios from 'axios'
import {expect} from 'chai'

describe('deleteImageFromServer', function () {
	it('should delete image', function () {

		let mock = new MockAdapter(axios)
		mock.onPost('http://localhost:8000/delete').reply(function(){
			return [200, 'success']
		})
		deleteImageFromServer(1).then( (r) =>{
			expect(r.data).to.equal('success')
		})
	})
})

I don't know why the intercept never happens.

[ctimmerm]

You're doing some asynchronous stuff, but you're not waiting for it to finish. If you're using Mocha, you can return a promise:

import {deleteImageFromServer} from './method'
import MockAdapter from 'axios-mock-adapter'
import axios from 'axios'

describe('deleteImageFromServer', function () {
	it('should delete image', function () {

		let mock = new MockAdapter(axios)
		mock.onPost('http://localhost:8000/delete').reply(function(){
			return [200, 'success']
		})
		return deleteImageFromServer(1).then( (r) =>{
			expect(r.data).to.equal('success')
		})
	})
})

[craigcosmo]

@ctimmerm thanks, that works, but I don't know why would the 'return' keyword means waiting in this case, can you explain more?

[ctimmerm]

It's Mocha feature: https://mochajs.org/#working-with-promises. When you return a promise, Mocha can wait for the promise to resolve.