All files / utils useBackend.js

100% Statements 23/23
100% Branches 3/3
100% Functions 8/8
100% Lines 22/22

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82                                                          152x 57x 57x 44x   13x 13x 13x 13x                     21x 1x 1x 1x     21x 14x 14x   1x 1x         199x   199x   1x       14x 13x                
import { useQuery, useMutation, useQueryClient } from "react-query";
import axios from "axios";
import { toast } from "react-toastify";
 
// example
//  queryKey ["/api/users/all"] for "api/users/all"
//  queryKey ["/api/users","4"]  for "/api/users?id=4"
 
// For axiosParameters
//   
// {
//     method: 'post',
//     url: '/user/12345',
//     data: {
//       firstName: 'Fred',
//       lastName: 'Flintstone'
//     }
//  }
// 
 
// GET Example:
// useBackend(
//     ["/api/admin/users"],
//     { method: "GET", url: "/api/admin/users" },
//     []
// );
 
export function useBackend(queryKey, axiosParameters, initialData) {
 
    return useQuery(queryKey, async () => {
        try {
            const response = await axios(axiosParameters);
            return response.data;
        } catch (e) {
            const errorMessage = `Error communicating with backend via ${axiosParameters.method} on ${axiosParameters.url}`;
            toast(errorMessage);
            console.error(errorMessage, e);
            throw e;
        }
    }, {
        initialData
    });
}
 
// const wrappedParams = async (params) =>
//   await ( await axios(params)).data;
 
 
const reportAxiosError = (error) => {
    console.error("Axios Error:", error);
    toast(`Axios Error: ${error}`);
    return null;
};
 
const wrappedParams = async (params) => {
    try {
        return await (await axios(params)).data;
    } catch (rejectedValue) {
        reportAxiosError(rejectedValue);
        throw rejectedValue;
    }
};
 
export function useBackendMutation(objectToAxiosParams, useMutationParams, queryKey=null) {
    const queryClient = useQueryClient();
 
    return useMutation((object) => wrappedParams(objectToAxiosParams(object)), {
        onError: (data) => {
            toast(`${data}`)
        },
        // Stryker disable all: Not sure how to set up the complex behavior needed to test this
        onSettled: () => {
            if (queryKey!==null)
             queryClient.invalidateQueries(queryKey);
        },
        // Stryker enable all
        retry: false,
        ...useMutationParams
    })
}