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

150
Vistas
Probar los métodos de ciclo de vida de un componente conectado + ReactJs + Jest

Estoy tratando de probar el componenteWillRecieveProps de un componente conectado. Dado que no puedo renderizar superficialmente el componente, ya que debe envolverse en un proveedor, estoy actualizando los accesorios mediante el método setProps del componente secundario.

setProps() generalmente llamará a los métodos del ciclo de vida del componente, pero dado que la prueba aquí es en el componente secundario, setProps() no vuelve a representar el envoltorio y, por lo tanto, no puedo probar el componenteWillRecieveProps con nuevos Props.

¿Alguna sugerencia para probar los métodos del ciclo de vida de los componentes conectados?

 test('calls componentWillReceiveProps', () => { const willReceiveProps = jest.fn(); const props = { title: "Order", history, ordersStatus: true, status: 'loaded', dispatch: jest.fn() } const newProps = { ...props, status: 'failed' } wrapper = mount(<Provider store={store}><MyComponent {...props} /></Provider>) wrapper.setProps({ children: <MyComponent {...newProps} /> }); // New props are updated from above, expect componentWillReceiveProps to be called here OrderpickupDashboard.prototype.componentWillReceiveProps = willReceiveProps; wrapper.update(); expect(willReceiveProps).toBeTruthy(); // expect(willReceiveProps).toBeCalled(); // This statement isn't working as the lifecycle method isn't called, how can we make the test call componentWillReceiveProps });
about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Creo que puede exportar "MyComponent" no conectado con fines de prueba. De esta manera, puede simular cambios de accesorios y verificar fácilmente la salida de su renderizado.

Por ejemplo,

MiComponente.jsx

 export class MyComponentComp extends React.Component<Props, State> { // use this for testing } export default connect(mapStateToProps, dispatchToProps)(MyComponentComp)

"componentWillReceiveProps" está en desuso, puede intentar actualizarlo también.

about 4 years ago · Juan Pablo Isaza Denunciar
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