Макет рендеринга реквизита React Component с Jest

Question

Привет, я пытаюсь смоделировать следующий компонент React:

<Component content={data || {}}>
   {() => <ChildComponent/>}
 </Component>

Я написал следующий макет в mocks

import React from 'react';

const ComponentToMock = () => <div>A mock</div>;
export default ComponentToMock;

Теперь внутри моего тестового файла я написал

    jest.mock('presentational/Component');
    it(`should render`, () => {
      let wrapper = shallow(<Component {...props} />);
      console.log(wrapper.debug());
  });

и в консоли я получаю

<ComponentToMock content={1}>
  <undefined />
</ComponentToMock>

пока я ожидал

<div>A mock</div>

Может ли кто-нибудь помочь мне выяснить, что я делаю не так? Спасибо

Answer 1

Я на самом деле обнаружил, что использование mount вместо поверхностных вызывает метод рендеринга, поэтому внутри моих mocks я написал:

const ComponentMock = props => {
  return props.content ? props.children() : null;
};
export default ComponentMock;`