Fatal编程技术网

Javascript Jest：特定选择器

javascript reactjs testing jestjs

Javascript Jest：特定选择器,javascript,reactjs,testing,jestjs,Javascript,Reactjs,Testing,Jestjs,以下是React中渲染函数的一部分 //some code <div className='icon-container'> <Icon name='close' /> </div> //一些代码 在测试时，我安装了我的组件。我想特别选择图标组件，它位于我的图标容器div中。 我该怎么做 注意：在jest中装载时可能会呈现多个图标。因此，我需要明确性。另外，我不能使用shallow，因为我想测试封装在组件上的HOC功能。你能解释一个关于你想用图标做什么

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

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

//一些代码
在测试时，我安装了我的组件。我想特别选择
图标
组件，它位于我的
图标容器
div
中。 我该怎么做

注意：在jest中装载时可能会呈现多个
图标。因此，我需要明确性。另外，我不能使用shallow，因为我想测试封装在组件上的HOC功能。
你能解释一个关于你想用图标做什么的标题吗，即更改大小、应用动画还是什么？我认为您不必直接注入图标组件
 您可以使用
。查找酶的方法，如下代码所示


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


或


componentWrapper.find（“.icon-container”）


阅读有关酶选择器的更多信息


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