Fehlende Reagieren Component Props mit Jest Test

Question

Ich habe eine Komponente, die

const Menu_ = props => 
<div 
    onClick={() => props.onClick("users")} 
/> 

und Jest Setup wie dieses aussieht, wie:

const tree = renderer 
.create(<Menu_ page={""} onClick={page => null} />) 
.toJSON(); 

Ich fühle mich wie ich in der Lage sein sollte

anrufen

tree.props.onClick(); 

aber ... die Renderer-Funktion aus dem 'React-Test-Renderer' Paket zeigt mir nicht die Requisiten benötigt Requisiten.

Gibt es eine gute Möglichkeit zu testen; Erhalte Zugriff auf die onClick-Prop; ohne meinen aktuellen Code zu sehr zu berühren?

Answer 1

Beachten Sie, dass, was Sie tun Komponente .create(<Menu_ page={""} onClick={page => null} />) schafft aber dann schalten Sie diese Struktur zu JSON-Format: .toJSON();

Diese Struktur nur reine Daten halten kann, nicht funktioniert. Vielleicht möchten Sie einen Blick auf enzyme werfen und es Methoden rendern.