嘲笑Jest中兩個不同測試塊中的相同函數

Question

我有一個關於在Jest中創建函數模擬的問題。我的頁面上有兩個元素在我的React組件中調用不同的函數。這兩個函數都調用了從道具onFieldChanged傳入的相同函數。我想模擬這兩個元素的變化，並確認props.onFieldChanged被調用。

當我編寫第一個測試（下面的第一個測試）時，它通過了大量的顏色。當我編寫第二個測試時，第二個測試通過但第一個測試失敗。基本上，我不能同時通過兩個測試。我需要重新設置模擬嗎？有誰知道如何做到這一點？

什麼給？

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(); 
    }); 
    });