Planteamiento del problema

Estoy usando la aplicación Create React con Jest. En mi prueba, simplemente quiero mostrar un componente que necesita pasar el historial al estado antes de que pueda cargarse. He estado investigando y tratando de llegar a esto para trabajar por un tiempo. La fuente que he estado usando muestra cómo pasar el historial al enrutador: https://testing-library.com/docs/example-react-router/

Al ejecutar la prueba un error dice

"No se puede leer la propiedad 'estado' de indefinido"

Creo que es porque la historia no se pasa correctamente durante la prueba.

Soy realmente nuevo en las pruebas y espero que alguien pueda indicarme la dirección correcta para que el componente se reproduzca correctamente durante la prueba. ¡Gracias!

Código

El componente renderizado:

 const [data, setData] = useState({ pack: props && props.location.state && props.location.state.hasOwnProperty('package') ? props.location.state.package : '' }); const ContactPage = (props) => ( Contact && <Layout> <div className="contact-Letter"> {Contact(props)} </div> </Layout> );

El componente de prueba "intenta":

 import React from 'react'; import Contacts from './contact' import { BrowserRouter as Router, } from "react-router-dom"; import { render, screen } from '@testing-library/react'; import { createMemoryHistory } from "history"; const { ContactPage } = Contacts(); test("renders location state", () => { const history = createMemoryHistory(); render( <Router history={history}> <ContactPage /> </Router> ); });

El error:

 TypeError: Cannot read property 'state' of undefined > 29 | pack: props && props.location.state && props.location.state.hasOwnProperty('package') | ^ 30 | ? props.location.state.package 31 | : '' 32 | });