Неглубокие тестовые функции в качестве дочерних компонентов

Question

Я добавил компонент, который использует функцию как ребенок. У меня были мелкие ферментные тесты на этот компонент, который перестал работать.

Как я могу проверить компонент, который использует функцию как ребенок?

Компонент

return (
  <I18n>
    {({ i18n }) => (
      <div />
    )}
  </I18n>
)

Тесты, которые я пробовал

import { shallow } from 'enzyme';

wrapper = shallow(<Component />)
  .find('I18n')
  .children();
console.log(wrapper.debug()); //outputs: [function]


wrapper = shallow(<Component />)
  .find('I18n')
  .children()();
// TypeError: (0 , _enzyme.shallow)(...).find(...).children(...) is not a function

Answer 1

Дети должны быть приобретены как собственность, а не называться напрямую детьми, и I18n также должен быть отрисован поверхностно.

const outerWrapper = shallow(< Component />);
wrapper = shallow(outerWrapper.find('I18n').prop('children')());