효소에서 기능 유형 소품을 정의하는 방법은 무엇입니까?

Question

기능 유형이 필요한 구성 요소가 있습니다. 함수를 정의해야하는 구성 요소를 얕게 만들려고 시도 했습니까?

handleClick: React.PropTypes.func.isRequired

이이

wrapper=shallow(<ConversationItem conversation={conversation1} active={true}/>); 

어떻게 내 효소 시험에서이 기능의 소품을 사용하는 내 테스트입니다

handleClick: function(){ 
    this.props.handleClick(this.props.conversation) 
     } 

함수 정의는 ???

Answer 1

나는 모의 테스트를 위해 사용합니다. Jest/Sinon은 조롱을지지합니다. 농담 효소를 사용하여 테스트 기록의 예는 다음

describe('Add',() => { 
    let add; 
    let onAdd; 

    beforeEach(() => { 
    onAdd = jest.fn(); 
    add = mount(<Add onAdd={onAdd} />); 
    }); 

    it('Button click calls onAdd',() => { 
    const button = add.find('button').first(); 
    const input = add.find('input').first(); 
    input.simulate('change', { target: { value: 'Name 4' } }); 
    button.simulate('click'); 
    expect(onAdd).toBeCalledWith('Name 4'); 
}); 

}); 

자세한 정보는 CodeMentor tutorial에서 찾을 수있다.