reactjs - Enzyme，如何通过属性找到wrapper的 child ？

Question

我在 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

但是选择器没有找到关闭按钮。帮忙？

更新:我正在使用 React Modal 库，并且 HTML 的内容似乎发生了变化。

Answer 1

仅向组件提供没有值的 prop 相当于 prop={true}。因此您应该能够使用 Enzyme object property selector找到这样的元素:

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