Как я могу проверить этот код в шутку?

Я довольно новичок в издевательстве, и я понимаю утверждения и нахожу их легкими. Однако насмешка мучает мой мозг. У меня есть проект Vue в машинопись. Дело в том, что я застрял и не знаю, как тестировать вызовы API, которые я выставил в качестве классов обслуживания.

Мое мышление и дизайн кода

apiClient

Я создал один экземпляр axios под названием "apiClient", поэтому я могу иметь пользовательскую конфигурацию, доступную в любое время. Я сохранил это в корне моего проекта.

Сервисы

Я создал каждую конечную точку API в качестве" службы "в папке" Мои службы Каждая служба-это класс с кучей функций, которые я буду использовать для получения необходимых мне данных.

мой вопрос

• Я понимаю, что вы хотите издеваться над всеми зависимостями, поэтому мне нужно начать с моего пользовательского экземпляра axios?

• Нужно ли мне также издеваться над классом?

• Как я буду издеваться над этим в целом? Я знаю, что в разработке самый общий ответ: "это зависит", но я прошел через документы jest, и я не нахожу некоторые из них ясными. (Может быть, это я подхожу к нему за ответом)
• Что все это мне нужно, чтобы издеваться?

мой код

ExampleService.тс

import Approval from '@/interfaces/Approval';
import apiClient from '@/axiosConfig';
import { AxiosResponse } from 'axios';

export default class ExampleService {
    // Approvals
    public async getApprovals(id?: string) {
        if (id != null || id !== undefined) {
            return await apiClient
            .get(`/api//approval/${id}`)
            .then((response: AxiosResponse<Approval>) => {
                return response.data;
            });

        } else {
            return await apiClient
            .get('/api/approval')
            .then((response: AxiosResponse<Approval[]>) => {
                return response.data;
            });
        }
    }

    public async postApproval(approval: Approval) {
        return await apiClient
        .post('/api/approval', approval);
    }

    public async putAppoval(id: string, approval: Approval) {
        return await apiClient
        .put(`/api/approval/${id}`, approval);
    }

    public async deleteApproval(id: string) {
        return await apiClient
        .delete(`/api/approval/${id}`);
    }
}

CustomAxiosInstance.тс

import axios, { AxiosResponse } from 'axios';
const apiClient = axios.create({
    baseURL: `${process.env.VUE_APP_ROOT_API}`,
});

export default apiClient;

мои надежды

Хотелось бы получить пример кода того, как я буду издеваться над этим, и некоторое объяснение, почему вы выбрали метод, который выбрали. Пожалуйста, критикуйте и мой код. Я только хочу совершенствоваться.