Estoy tratando de usar broma con nextJS para probar la API. Estoy usando un interceptor personalizado para que todas las solicitudes http tengan un token de autorización en el encabezado. Aquí está mi código de interceptor

api.ts

 import axios from 'axios'; import config from '../config/index'; const Api = () => { const defaultOptions = { baseURL: config.APIENDPOINT, method: 'get', headers: { 'Content-Type': 'application/json', }, }; // Create instance let instance = axios.create(defaultOptions); // Set the AUTH token for any request instance.interceptors.request.use((config) => { const token = localStorage.getItem('token'); //@ts-ignore config.headers.Authorization = token ? `${token}` : ''; return config; }); instance.interceptors.response.use((res) => { return res }); return instance; }; export default Api();

Aquí está el código para llamar a la API

 export const loadMerchants = async (id: any) => { const data = await Api.get(config.APIENDPOINT + "/merchants/company/" + id) console.log("data" ,data); return (data) }

Y aquí está mi código de prueba

 const axios = require('axios'); jest.mock('axios', () => { return { get: jest.fn(), create: jest.fn(() => ({ interceptors: { request: { use: jest.fn(() => Promise.resolve({ data: { foo: 'bar' } })) }, response: { use: jest.fn(() => Promise.resolve({ data: { foo: 'bar' } })) }, } })) } }) it('Merchant API call', async () => { axios.get.mockResolvedValue({ data: [ { userId: 1, id: 1, title: 'My First Album' }, { userId: 1, id: 2, title: 'Album: The Sequel' } ] }); const merchants = await loadMerchants("1") console.log(merchants) //always undefined // expect(merchants).toEqual('some data'); });

en mi llamada API si uso axios.get en lugar de Api.get obtengo los resultados correctos. He buscado en google y no he encontrado ninguna solución.

Cualquier ayuda sería apreciada. Gracias.