Este es el elemento donde se contruye la lógica del componente, los fragmentos de valor para entender la situación
import { useStore } from 'react-redux';
const reduxStore = useStore();
useLayoutEffect(() => {
const unsubscribe = reduxStore**.subscribe(obtainDataStore)**;
return () => {
unsubscribe();
};
}, [obtainDataStore, reduxStore]);
necesito poder generar un mock que me permita responder a los subscritos en una prueba de jest a fin de generar pruebas de usabilidad de mi componente estoy haciendo lo siguiente
import useCalculatePublish from './component';
import { renderHook } from '@testing-library/react-hooks';
import { useStore } from 'react-redux';
jest.mock('react-redux');
const store = { years: { first: '', last: '' }, category: '', status: '' };
describe('', () => {
it('loaded', async () => {
mockUseStore(store);
let x = await renderHook(() => useCalculatePublish('test'));
console.log(x);
});
});
const mockUseStore = ({ years, status, category }) => {
useStore.mockReturnValue({
...mockUseStore,
getState: jest.fn().mockRejectedValue({
filterReducer: { years, status, category },
}),
subscribe: jest.fn(),
});
};
Gracias de antemano al que me pueda ayudar con esta duda...