Test Rückgabewert der Funktion mit Jest in React

Question

Wie würde ich den Rückgabewert in der Funktion "doSomethingFancy" in diesem React Code testen? Ich habe versucht, ein super einfaches Beispiel zu finden und konnte nichts finden. Also würde ich gerne einen Test schreiben, der überprüft, dass die Zahl 2 zurückgegeben wird. Ich weiß, dass es zu nichts wirklich zurückkehrt, wie ich dies als ein Beispiel schrieb, damit ich lernen kann, Tests für meine React-Anwendung zu schreiben. Jede Hilfe würde sehr geschätzt werden.

import React from 'react'; 

class FancyStuff extends React.Component { 
    render() { 
     return <div> 
      <h1> 
       Hello, {this.props.name} 
      </h1> 

      <button onClick={this.doSomethingFancy}> 
       Add 1 + 1! 
      </button> 
     </div>; 
    } 

    doSomethingFancy(e) { 
     e.preventDefault(); 
     let value = 1 + 1; 
     return value; 
    } 
}; 

export default FancyStuff; 

Answer 1

Wenn Sie eine Klassenmethode in Ihrem Test zugreifen müssen, wird es als eine Eigenschaft auf die Rückkehr der Instanzmethode für Ihre Wrapper zur Verfügung.

const wrapper = shallow(<MyComponent />); 
expect(wrapper.instance().doSomethingFancy()).toEqual(true);