2017-10-12 13 views
1

このReactコードの "doSomethingFancy"関数で返り値をテストするにはどうすればよいですか?私は超簡単な例を見つけようとしましたが何も見つかりませんでした。だから私は、番号2が返されることを確認するテストを書いてみたいです。私は例としてこれを書いたので、実際には何も返ってこないことを知っているので、Reactアプリケーションのテストを書く方法を学ぶことができます。どんな助けでも大歓迎です。Jestを返す関数の返り値を調べる

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; 

答えて

0

テストでクラスメソッドにアクセスする必要がある場合は、ラッパーのインスタンスメソッドの戻り時にプロパティとして使用できます。

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