Mocking Versand in reagieren Komponente

Question

Ich habe eine verbunden reagieren Komponente (mit react-redux):

doSomething() { 
    dispatch(something()) 
} 

render() { 
    return (
    <p onClick={doSomething}>{this.props.someText}</p> 
) 
} 

Stellen Sie sich vor, dass das Ergebnis in der something Aktion Schöpfer in den p Tag Ergebnisse klicken aufgerufen wird, die dann aktualisiert die someText Wert Stütze.

Ich muss in der Lage sein zu testen, dass das Klicken auf das P-Tag in der Tat einen Versand verursacht und wiederum, dass someText aktualisiert wird.

Wie kann ich dispatch ausspionieren, damit ich es nachahmen kann, wie es verursacht, die someText Stütze aktualisiert zu werden?

Answer 1

haben Sie versucht, sinon zusammen mit Ihrer Testsuite (Mokka, Chai und Enzym) zu verwenden.

können Sie versuchen, die Funktion zu verspotten, um etwas Text zurückzugeben. Hoffe, das wird helfen

sinon.stub(Component.prototype, 'doSomething', function(){ 
    return 'someText'; 
});