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