Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

156
Views
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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!