javascript - Jest : Specific selector

Question

以下是我在 React 中的渲染函数的一部分。

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

在测试时，我已经安装了我的组件。我想专门选择 icon-container div 中的 Icon 组件。我该怎么做？

注意:在 jest 中安装时可能会呈现多个图标。因此，我需要特异性。另外，我不能使用 shallow，因为我想测试包裹在组件上的 HOC 功能。

Answer 1

可以使用 enzyme 的.find方法如下代码所示

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

或

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

阅读有关 EnzymeSelector 的更多信息 here