How to mock axios response if we use axios-hooks? about axios-hooks HOT 8 CLOSED

If you're using this library don't mock axios, mock this library via jest

from axios-hooks.

@LiaoJimmy @lmiguelvargasf @tgfischer mocking this library with jest is as easy as:

import useAxios from 'axios-hooks'

jest.mock('axios-hooks')

// in your test
useAxios.mockReturnValue([{ data: { ... } }])

from axios-hooks.

@KristianLonergan in the same way as you would mock a function which is called multiple times, see here.

I appreciate this is not ideal so I'll be looking into #218 that's been opened a few days ago. But, there are ways to mock this easily already.

from axios-hooks.

Just to throw out there, and it is not mutally exclusive with #218 ...

I really appreciate this library, and I had some more complicated mocking scenarios that required several useAxios hooks to be used with each other, relying on one another. The ordered mocking method above falls down when firing off items in random order and such.

So, I created a library to handle every scenario I (and the rest of my company) needed, and you all are free to use it as well: https://www.npmjs.com/package/axios-hooks-mock

It's an implementation that should work well for both simple and complex scenarios and abstracts most of the testing boilerplate away.

Tagging @simoneb just to let him know.

from axios-hooks.

Thanks. I'll try to mock axios-hooks response array.

from axios-hooks.

@LiaoJimmy , how does your code looks after mocking axios-hooks response?

from axios-hooks.

@LiaoJimmy , how does your code looks after mocking axios-hooks response?

I think mock axios-hooks response is not a good solution.
For mock API response, we have better choice like Mirage JS (https://miragejs.com/).
It has many features and better developer experience.

from axios-hooks.

@simoneb how would you go about mocking axios-hooks when you have multiple instances of useAxios within a file?
For example:

const [{ data: booksData, loading: booksLoading }] = useAxios('/books');
const [{ data: addBookData, loading: addBookLoading }] = useAxios({url: '/addBook', method: 'POST'}, {manual: true});

from axios-hooks.