Finden Sie eine Komponente mit ID in React testen

Question

Ich versuche, React-Komponenten zu testen, und ich sehe, dass es zwei Methoden gibt - findRenderedDOMComponentWithClass und findRenderedDOMComponentWithTag. Jetzt habe ich ein div, dem eine ID zugeordnet ist.

Wie würde ich das spezifische Div mit der ID finden? Hat React eine findRenderedDOMComponentWithId-Methode? Ich habe mir die Dokumentation für React Test Utils angeschaut und fand nichts Bestimmtes.

Hat jemand das schon mal gemacht?

Answer 1

Ich habe dies in eine Utility-Bibliothek abstrahiert, aber Sie können eine Kombination aus ReactDOM.findDOMNode und querySelector

const elem = ReactDOM.findDOMNode(component); 
const myDiv = elem.querySelector('#myDivId'); 

verwenden