Subject Under Test(sut)
A HTTP client adaptor that wraps axios's get, post, patch and delete methods, adding JWT token to all requests if a token is found.
This adaptor hook exists for the following reasons:
it acts as an adaptor to
axios
, so that in the future, I could replaceaxios
without touching any other codeit adds base URL, JWT and default headers to HTTP calls for conveniences
Behaviours
- the hook returns a set of methods for making HTTP calls
- it prepends base URL
- it adds JWT token to headers if a token is found
- it adds default headers
- it accepts custom headers and overrides default headers
- it accepts custom options and passes them to HTTP requests
Code
Notes
mock
axios
so that tests don't make actual HTTP callsJSDOM implements
localstorage
, and there is no need to mock it.setup
usesrenderHook
from@testing-library/react-hooks
, which wraps the hook in a component and return aresult
object withcurrent
property set to whatever the hook returns.setup
also mock the return ofaxios.get
method and returns the mocked axios object for assertions.included tests only test
get
. Other tests are similar, so they are left out in this blog post for simplicity.
Top comments (0)