Reactjs 酶,如何通过属性找到包装器的子级?

Reactjs 酶,如何通过属性找到包装器的子级?,reactjs,mocha.js,redux,cheerio,enzyme,Reactjs,Mocha.js,Redux,Cheerio,Enzyme,我在Redux应用程序中有以下React组件 <Modal> <Modal.Header closeButton onClick={props.onHide}> <Modal.Title>A Sample Modal</Modal.Title> </Modal.Header> <Modal.Body> </Modal.Body> 示例模态 现在,在我的测试代码中,我有以下内容 const wrap

我在Redux应用程序中有以下React组件

<Modal>
<Modal.Header closeButton onClick={props.onHide}>
    <Modal.Title>A Sample Modal</Modal.Title>
</Modal.Header>
<Modal.Body>
</Modal.Body>

示例模态

现在,在我的测试代码中,我有以下内容

const wrapper = mount(<modal/>);
const closeButton = wrapper.find("['closeButton']");
expect(closeButton.length).to.equal(1); // error - expected 0 to be 1
const wrapper=mount();
const closeButton=wrapper.find(“['closeButton']”);
expect(closeButton.length).to.equal(1);//错误-0应为1
但是选择器找不到关闭按钮。帮忙


更新:我正在使用React模式库,HTML的内容似乎发生了变化。

只给组件一个没有值的道具相当于
prop={true}
。因此,您应该能够使用查找元素,如下所示:

constclosebutton=wrapper.find({closeButton:true});

我认为
['closeButton']
不是有效的选择器。它应该是
[closeButton]
而不带

e、 g.如果您尝试
document.querySelector(“['closeButton']”)
浏览器会抱怨。而
document.querySelector(“[closeButton]”)的执行是正确的