sinonスタブは、コンポーネント

Question

は私が酵素+ Sinonをuszing反応するコンポーネントをクリックをテストしようとしている反応

var stub = sinon.stub(Comp.prototype, 'save', function() { }); 

let wrapper = shallow(
    <Comp/> 
); 

wrapper.find('.btn-header').simulate('click'); 
sinon.assert.called(stub); 

Comp.prototype.refineOnClick.restore(); 

マイコンプコンポーネント例外をスローセーブ機能を持ってい

save: function() { 
    throw('error'); 
} 

私がテストを実行すると、エラーはスローされず、スタブ内の空の関数が起動されることは期待されませんが、そうではありません。コンポーネント内の実際の関数は起動され、空のスタブは起動されません。

Answer 1

ユニットテストの原則の1つは、テスト中のユニットの内部構造を偽造するべきではないということです。テストの読みやすさとメンテナンス性が低下します。方法saveは明らかにCompの内部にあるので、偽造しないでください。

あなたがそのコンポーネントにパラメータとして渡すかどうそれはOKのようになります。

var stub = sinon.stub(); 

let wrapper = shallow(
    <Comp onSave={stub} /> 
); 

wrapper.find('.btn-header').simulate('click'); 
sinon.assert.called(stub); 

Answer 2

あなたはそれは、インスタンスの使用して、酵素ラッパーに（したがって、スタブと）の機能にアクセスすることができます。だからあなたのコンポーネントの保存機能をテストするには、次の操作を行います。

const wrapper = shallow(<Comp />) 
sinon.stub(wrapper.instance(), 'save') 
wrapper.find('.btn-header').simulate('click') 
expect(wrapper.instance().save).to.have.been.called 

注、私はためsinon-チャイは構文を.to.have.been.called使用しています。