reactjs - enzyme 无法通过 Prop 找到组件

Question

我正在使用 Enzyme 测试一个组件，如下所示:

<RichTextEditor name="name" onChange={[Function]} value="<p>what</p>" focus={false}>
  <div className="rich-text-editor">
  <div className="btn-group" role="group">
  <StyleButton active={false} icon="fa-list-ul" label="UL" onToggle={[Function]} style="unordered-list-item">
  // ...

我正在尝试检测 StyleButton 组件是否存在，如下所示:

mount(<RichTextEditor />).find('StyleButton[label="UL"]')

但是没有返回任何组件。我只需搜索字符串“StyleButton”即可找到所有 StyleButton，但无法按属性找到，包括仅使用属性选择器本身。

我粘贴的第一个代码块来自安装 RichTextEditor 的调试输出，因此 StyleButton 肯定在那里。

有什么想法吗？

谢谢。

Answer 1

在文档中，没有选项将组件名称与属性混合使用:

• CSS 选择器
• 组件构造函数
• 组件显示名称
• 对象属性选择器

您可以使用findWhere :

 wrapper.findWhere(n => n.name() === 'StyleButton' && n.prop('label') === 'UL')