Testing with React's Jest and Enzyme when async componentDidMount

Question

• react:16.3.0-alpha.1
• jest: \"22.3.0\"
• enzyme: 3.3.0
• typescript: 2.7.1

code:

class Foo extends React.PureCompo         


        

Answer 1

Solution:

1: use the async/await syntax.

2: Use mount (no shallow).

3: await async componentLifecycle.

For ex:

    test(' ',async () => {
      const wrapper = mount(
         
      );
      await wrapper.instance().componentDidMount();
    })