Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

481
Visualizações
¿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 à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda