Estoy tratando de probar un componente de clase de reacción que tiene una ubicación props. (procedente de React-router) en la función componentDidMount. Cuando estoy tratando de probarlo con la biblioteca de enzimas de reacción usando un método poco profundo, obtengo el siguiente error:
'Error de tipo: no se pueden leer las propiedades de undefined (estado de lectura)'
Incluyendo las partes relevantes del código aquí:
Enrutador.js
import {BrowseRouter as Router, Switch , Route} from 'react-router-dom'; function Routes() { return ( <Router> <Switch> <Route path="/" exact render={(props) => <MyPage {...props} />}/> <Route path="/loadfile" component={loadfile}/> </Switch> </Router> ) } export default Routes;MiPágina.js
class MyPage extends React.Component { constructor(props) { super(props); this.state = { isClicked:0 }; } componentDidMount(props) { if(this.props.location.state != undefined ) { this.setState({isClicked:1}); } } render() { return ( <div> <Button id="click-this-btn'>Click this</Button> </div> ); } } export default MyPage;MiPágina.test.js
import React from 'react'; import{render, screen} from '@testing-library/react'; import '@testing-library/jest-dom/extend-expect'; import Adapter from 'enzyme-adapter-react-16'; import {shallow, mount , configure} from 'enzyme'; import MyPage from '../MyPage'; configure({adapter: new Adapter()}); describe('testing button' , () => { let wrapper; beforeEach(() => { wrapper = shallow(<MyPage></MyPage>); } describe('click button test' , () => { it('test the button' , () => { wrapper.instance().componentDidMount(); expect(wrapper.find("#click-this-btn").text()).toBe("Click this"); }); }); });¿Cómo debo escribir la prueba Jest para deshacerme del TypeError? Por favor ayuda. Gracias