Шутка: конкретный селектор

Question

Следующее является частью моей функции рендеринга в React.

//some code
<div className='icon-container'>
  <Icon name='close' />
</div>

Во время тестирования я смонтировал свой компонент.Я хотел бы специально выбрать компонент Icon, который находится в моем icon-container div.Как это сделать?

Примечание: Может быть несколько Icons визуализированных при монтировании в шутку.Следовательно, мне нужна конкретность.Кроме того, я не могу использовать мелкое, так как я хотел бы проверить функциональность HOC, обернутую поверх компонента.

Answer 1

Вы можете использовать .find метод фермента, как показано ниже код

componentWrapper.find(".icon-container [name='close']")

или

componentWrapper.find(".icon-container <use-icon-class-name-or-id>")

Подробнее о EnzymeSelector здесь

Answer 2

Можете ли вы объяснить название больше о том, что вы хотите сделать с этим значком, то есть изменить размер, применить анимацию или что?Я думаю, что вам не нужно напрямую вводить компонент Icon.