酵素、属性でラッパーの子供を見つける方法？

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={true}に相当します。したがって、あなたはこのような要素を見つけるためにEnzyme object property selectorを使用することができるはずです。

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

Answer 2

を私は['closeButton']が有効なセレクタではないと思います。 '

のない[closeButton]である必要があります。 document.querySelector("['closeButton']")を試してみると、ブラウザは不平を言うでしょう。 document.querySelector("[closeButton]")が正しく実行されています。