Проверьте, что компонент визуализируется с помощью рендеринга React Router с использованием мелкой оболочки Enzyme и Jest

Question

Если мой компонент рендерит следующее, как я могу проверить, что Main рендерится с использованием мелкой оболочки Enzyme и Jest?

  <div className='App'>
    {this.state.uid &&
      <React.Fragment>
        <Route exact path='/' render={() => <Main uid={this.state.uid} />} />
      </React.Fragment>
    }
  </div>

Answer 1

1. мы можем искать Route как любой другой компонент с find()
2. мы можем вызвать .render() реквизит до тех пор, пока мы можем достичь <Route>
3. из-за shallow() мы должны получить <Main ... в результате
4. мы все еще можем сослаться на wrapper.state('uid')

Итак

expect(
  wrapper
    .find('Route[path="/"]')
    .at(0)
    .props()
    .render()
 ).toEqual(<Main uid={wrapper.state('uid')} />)