En mi aplicación, me burlo de las llamadas a la API que provienen de axios y devuelven datos a mi aplicación. La prueba modifica los objetos/matrices que se devuelven, pero no estoy seguro de cómo. La matriz que se cambia mantiene sus nuevos valores entre dos pruebas diferentes en el mismo archivo.

Aquí es donde sucede el simulacro. Esta función, mockAxiosFetchRequest , ocurre al comienzo de la prueba y devuelve diferentes objetos según la llamada a la API. De alguna manera, la matriz mockCustomersArray se modifica y conserva los nuevos valores entre pruebas

 import { mockCustomersArray } from './MockData' const axios = require('axios'); jest.mock('axios'); export const mockAxiosFetchRequest = () => { axios.mockImplementation((data: any) => { if (data.url.includes('getCustomers')) { return { pageContent: mockCustomersArray } } else if (...) {...} } }

Aquí es donde se manejan los datos (la respuesta simulada de arriba) en la aplicación

 const invokeGetSegments = (): Promise<any> => { let segmentList: any = []; return getSegments() .then(async response => { if (response.status === 200) { segmentList = response.pageContent; segmentList.unshift( { segmentId: 'all-customers', description: 'All Customers' }, ); // this is the line where the mock object gets modified setAllSegments(segmentList); } }) .catch(() => { console.log('error') }); };

En la línea de arriba con unshift, el valor también se cambia a mockCustomersArray . Estoy un poco confundido acerca de cómo sucede esto porque no creo que el objeto simulado devuelto por el simulacro de broma esté dentro del alcance de la función invokeGetSegments .

Si desstructuro la matriz así segmentList = [...response.pageContent] , entonces funciona bien y la matriz simulada no se ve afectada.

Cuando no desestructuro la matriz y la dejo como está en el bloque de código anterior, no estoy seguro de cómo se cambia la matriz que se devuelve.