Как проверить визуализированный html реагирующего компонента

Question

Я хочу написать набор тестов, когда isPending: true

render(){
const {onSearchChange, isPending } = this.props;
if(isPending){
  return(<h1>Loading</h1>    
  )
}else{
  return (
    <div className="App"> 
      <Scroll>
        <ErrorBoundry>
          <CardList robots={this.filteredRobots()}/>
        </ErrorBoundry>
      </Scroll>
    </div>
  )
}

}

ниже тестовый набор, который я написал

it('return none when pending is true', () => {
const mockProps3 = {
    getRobots: jest.fn(),
    robots: [],
    searchField: '',
    isPending: true
}

const wrapper3 = shallow(<MainPage {...mockProps3} />);
//expect(wrapper3.equals(<h1>Loading</h1>)).to.equal(true);
expect(wrapper3.html()).to.equal('<h1>Loading</h1>');

})

Но в обоих случаях появляется ошибка ниже

TypeError: Невозможно прочитать свойство равное undefined