Jest:特定选择器

时间:2018-05-22 08:44:10

标签: javascript reactjs testing jest

以下是React中我的渲染功能的一部分。

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

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

注意:在装入游戏时可能会有多个Icons呈现。因此我需要特异性。此外,我不能使用浅,因为我想测试包裹在组件上的HOC功能。

2 个答案:

答案 0 :(得分:1)

您可以使用.find酶方法,如下所示代码

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

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

详细了解EnzymeSelector here

答案 1 :(得分:0)

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