Jest：特定选择器

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 here

Answer 2

你能更多地解释一下你想用这个图标做什么的标题，即改变大小，应用动画或什么？我认为你不必直接注入Icon组件。