src/custom-hooks/useFetch.js change URL methods of passing change with props.
Files to add
setupTests.ts add teardown
mocks/server.ts add server
mocks/handler.ts add handler
hooks/useAxios.ts feat: useFetch hook.
__tests__/useAxios.ts test for useFetch hook.
UseAxios hook
The useAxios hook is a custom React hook for making HTTP requests with the axios library. It returns an object with three properties: data, loading, and error. The data property contains the response data, the loading property is a boolean that indicates whether the request is in progress, and the error property contains any error that occurred during the request.
The hook accepts a URL, an HTTP method (defaults to GET), and a configuration object that can be used to pass additional options to axios
UseAxios hook test
The tests for the useAxios hook use the msw library to mock HTTP requests and verify that the hook returns the expected values for different scenarios, such as successful requests and failed requests.
Issue
Files to change
jest.config.jsfor test setuppackage.jsonsrc/custom-hooks/useFetch.jschange URL methods of passing change with props.Files to add
setupTests.tsadd teardownmocks/server.tsadd servermocks/handler.tsadd handlerhooks/useAxios.tsfeat: useFetch hook.__tests__/useAxios.tstest for useFetch hook.UseAxios hook
useAxioshook is a custom React hook for making HTTP requests with theaxioslibrary. It returns an object with three properties:data,loading, anderror. Thedataproperty contains the response data, theloadingproperty is a boolean that indicates whether the request is in progress, and theerrorproperty contains any error that occurred during the request.GET), and a configuration object that can be used to pass additional options toaxiosUseAxios hook test
useAxioshook use themswlibrary to mock HTTP requests and verify that the hook returns the expected values for different scenarios, such as successful requests and failed requests.get,patchandrejectrequest during testing.