Tengo un componente de reacción, por ejemplo, algo como esto:
const MyComponent = (props) => { const [state, setState] = useState(true); const {data} = useContext(myContext); const location = useLocation(); //A lot of code here const myFunction = () => { return { dataFromContext: data, locationFromUseLocation: location, state: state } } return <>A lot of other components here</> }Y estoy tratando de escribir una prueba que debería verse así:
describe('Component test', () => { it('myFunction test', () => { const wrapper = shallow(<MyComponent/>); const expectedResult = { dataFromContext: 'any data here', locationFromUseLocation: 'any location here', state: false }; expect(wrapper.dive().instance().myFunction()).toEqual(expectedResult); }) }) ¿Puedo useState , useContext y useLocation desde <MyComponent/> y pasar mis datos personalizados en lugar de datos reales del componente real?
Después de una investigación más profunda, entendí que en tal situación no puedo escribir una prueba solo para la función en mi componente. Entonces, he creado una prueba unitaria, que prueba todos mis componentes, no solo una función.