Как проверить мой компонент React, который отображает другой?

Question

Мне нужно протестировать компонент React (datePicker) с Enzyme и Jest внутри самого другого компонента внутри другого компонента ... Я хочу проверить значение ввода с помощью id: gt3ct. мой DOM выглядит так: мой DOM

я пробую что-то вроде этого: expect(wrapper.find(UpDate).at(0).find('#gt3ct').at(0).props('value').value()).toBe('1745-12-01');, но это не работает, потому что сам UpDate рендерит другой компонент, который рендерит другой, ... так я думаю expect(wrapper.find(UpDate).at(0).find(UpDate).at(0).find(ErrorDisplay).at(0).find(SingleDatePicker).find(OutSideClickHandler).at(0)"Other find".at(0).find('#gt3ct').at(0).props('value').value()).toBe('1745-12-01') но это долго писать и может иметь лишний вес только для тестирования одной строки ...

Answer 1

Я наконец нашел это, и это работает!

wrapper.find("input").props().value

nb: есть только один вход, поэтому он не возвращает коллекцию (массив или что-то еще), но мой nodeReact, так что в (x) здесь бесполезен