Jestの2つの異なるテストブロックで同じ関数を擬似します。

Question

Jestで関数のモックを作成する方法について質問があります。私は自分のページ上にReactコンポーネント内の異なる機能を呼び出す2つの要素を持っています。これらの関数の両方が同じ関数を呼び出し、小道具から渡されます。onFieldChanged。私はこれら2つの要素の変化をシミュレートし、props.onFieldChangedが呼び出されることを確認したいと思います。

私が最初のテスト（以下の最初のテスト）を書くと、それはフライングカラーで渡されます。 2回目のテストを書くと、2回目のテストは合格しますが、最初のテストは失敗します。基本的に、私は両方のテストを同時に通過することはできません。どうにか私は偽物をリセットする必要がありますか？誰もこれを行う方法を知っていますか？

何がありますか？

describe('user selects checkbox',() => { 
    props.onFieldChanged = jest.fn(); 
    const wrapper = shallow(<DateOptions {...props} />); 
    it('calls the onFieldChanged function',() => { 
     const element = wrapper.find('#addOneToStudyDays'); 
     element.simulate('change'); 
     expect(props.onFieldChanged).toHaveBeenCalled(); 
    }); 
    }); 

    describe('user types in input',() => { 
    props.onFieldChanged = jest.fn(); 
    const wrapper = shallow(<DateOptions {...props} />); 
    it('calls the onFieldChanged function',() => { 
     const element = wrapper.find('#lowerTimeLimit'); 
     element.simulate('change'); 
     expect(props.onFieldChanged).toHaveBeenCalled(); 
    }); 
    }); 

Answer 1

jest.fnを渡すようにしてください（）別の変数として：

describe('user selects checkbox',() => { 
    it('calls the onFieldChanged function',() => { 
     const onFieldChanged = jest.fn(); 
     const wrapper = shallow(<DateOptions {...props, onFieldChanged} />); 
     const element = wrapper.find('#addOneToStudyDays'); 
     element.simulate('change'); 
     expect(props.onFieldChanged).toHaveBeenCalled(); 
    }); 
    }); 

    describe('user types in input',() => { 
    it('calls the onFieldChanged function',() => { 
     const onFieldChanged = jest.fn(); 
     const wrapper = shallow(<DateOptions {...props, onFieldChanged} />); 
     const element = wrapper.find('#lowerTimeLimit'); 
     element.simulate('change'); 
     expect(props.onFieldChanged).toHaveBeenCalled(); 
    }); 
    });