Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

475
Vistas
¿Cómo usar superficial en React Jest unittest para evitar obtener el error 'TypeError: Cannot read properties of undefined (reading state)'?

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

about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda