React Component Children Testing

Question

Я пытаюсь проверить функциональность глубоко вложенного компонента, но у меня возникли проблемы с «выбором» его для Simulate.

Как я уже подходя к проблеме является следующим:

const component = renderIntoDocument(TestParent); 
const dropdown = findRenderedComponentWithType(component, TimespanDropdown); 
const buttons = scryRenderedDOMComponentsWithTag(dropdown, 'button'); 
Simulate.click(buttons[0]); 

Это разваливается, когда я прохожу раскрывающийся список srcyRenderedDOMComponentsWithTag. Я мог бы добавить класс к своим кнопкам и, возможно, использовать scryRenderedDOMComponentsWithClass, но я предпочел бы, есть ли способ как-то «перехватить» эти вызовы find find.

Answer 1

Одним из способов вы могли бы упростить эту серию вызовов использовать ReactDOM.findDOMNode на корневой компонент, а затем использовать querySelector, чтобы перейти непосредственно к элементам, которые вы заботитесь о:

const component = ReactDOM.findDOMNode(renderIntoDocument(TestParent)); 
const buttons = component.querySelector('button'); 
Simulate.click(buttons[0]);