Reactjs 酶,如何通过属性找到包装器的子级?
我在Redux应用程序中有以下React组件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
<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]”)的执行是正确的