时间戳

首页 > 解决方案 > 笑话：特定选择器

javascript - 笑话：特定选择器

问题描述

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

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

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

注意：开玩笑地安装时可能会有多个Icons渲染。因此，我需要特异性。另外，我不能使用 shallow ，因为我想测试包裹在组件上的 HOC 功能。

标签： javascriptreactjstestingjestjs

解决方案

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

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

或者

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

在此处阅读有关 EnzymeSelector 的更多信息

推荐阅读